#Não foi pensado no design, é apenas para uso das funcionalidades

Teste

Repositório do teste que consiste em um síte de notícias implementado em Vue, consumindo uma api em Node também criada por mim.

Pegar a API em Node do outro repositório para testes

APINews

Descrição

Home

- Existe a página Home, onde lista as notícias cadastradas, mostrando em ordem do mais recente primeiro, há a o botão cadastrar , que direcionará para a página Cadastro, e também existe a barra de filtragem das notícias.

Cadastro

- Na página Cadastro, você deve colocar o titulo e a descrição da sua notícia(Há validação para que não deixe salvar em branco), depois de escrever você pode salvar(Listará e voltará para a página Home) ou voltar(Irá para a página Home sem salvar).

Filtro

Ná página Home existe um input para Filtragem das notícias, que atualiza as notícias a cada caracterer colocado ou apagado.

Botões da notícia

- Nas notícias listadas, existem as opções de Editar, Remover e Ler a notícia.

Editar: Quando clicada, ela vai para a página cadastro, já escritas com as suas informações, podendo alterar tal notícia.
Remover: Quando clicada, aparece a confirmação e se confirmada, deletará a notícia do banco de dados e da Home.
Ler a notícia: Irá para uma página separada com o título e a descrição da notícia clicada.

Ferramentas:

Inicializei o projeto com Vue-cli webpack simple.
Utiliza Bootstrap para melhoria visual do site.
Utiliza Vue-validate para ajudar na validação do formulário de cadastro.
Utiliza Vue-router para criar rotas no site, assim sendo realmente uma Single Page Aplication.
Utiliza Babel para conseguir usar os novos padrões do JS.
Utiliza cross-env para ter um único comando sem se preocupar em definir ou usar a variável de ambiente.
Utiliza WebPack para empacotar códigos.

benunes01 / Vue-news