Tabela de Países

Objetivo

Desenvolver uma tabela de países responsiva com filtro por nome e ordenação por botão.

Regras de Negócio

Obrigatório

• Utilize esse endpoint;
• Crie uma tabela responsiva utilizando Vue.js e Vue CLI que mostre:
  • Bandeira;
  • Nome do país;
  • Nome da capital.
• Crie campos para:
  • Ordenação de A-Z e Z-A;
  • Filtro por nome do país ou da capital.
• Gerencie os estados das variáveis utilizando Vuex.

Opcional:

• Frameworks de estilo ou bibliotecas.

Tecnologias Utilizadas:

Axios

Consumo de API.

Vue.js

Framework JavaScript progressivo para construção de interfaces de usuário.

Vue CLI

Sistema completo para desenvolvimento rápido de Vue.js.

Vuex

Gerenciamento de estados globais.

Vuetify e SASS/SCSS

Estilização dos componentes.

Requisitos

Instalação:

• Visual Studio Code;
• Git;
• Node.js;
• Vue.js;
• Vue CLI;
• Vuex;
• Vuetify;
• SASS/SCSS.

Configuração do projeto.

Instalação.

npm install

Compilação e reexecução para o desenvolvimento.

npm run serve

Compilação e minificação para a produção.

npm run build

Análise e correção de arquivos.

npm run lint

Github Pages

Veja o deployment aqui

Referências

Personalização de Configuração.