Para rodar o projeto em sua máquina, você irá precisar das seguintes dependências:
- NPM
- Node
- Git
Após ter satisfeito essas depêndencias, você pode clonar o repositório com o comando abaixo:
git clone https://github.com/vinicenter/pokedex.git
Após ter clonado o repositório, é necessário instalar as dependências locais com o comando abaixo:
npm install
Para iniciar o servidor de desenvolvimento, use o comando abaixo:
npm run serve
Para buildar o projeto, configure a publicPath no arquivo "vue.config.js", e depois use o comando abaixo:
npm run build
- Vue.JS
- Bootstrap
- Axios
- Sass
- ESLint
- Vue-cli
- vue3-notification
- Arquivo de configuração de texto para rápida tradução das mensagens
- Alto nível de componentização
- Linter para manter o código padronizado
O intuito deste teste é avaliar seus conhecimentos técnicos de front-end.
O teste consiste em utilizar a API(pokeapi v2) para construção de uma Pokédex.
Este desafio deve ser feito por você em sua casa. Gaste o tempo que você quiser. Mas nos conte o tempo que levou para realizar o desafio.
- Primeiro, faça um fork deste projeto para sua conta no Github (crie uma se você não possuir).
- Em seguida, implemente o projeto tal qual descrito abaixo, em seu clone local.
- Por fim, envie via e-mail com o link do desafio, avisando quanto tempo levou para faze-lo.
Com esta API(pokeapi v2) em mãos, precisamos que você crie uma interface WEB para exibir as informações dos pokémons capturados.
Não esqueça de ler as informações da documentação da pokeapi v2, armazene dados em cache
Sua aplicação DEVE:
- Ter um filtro para buscar os pokémons por nome ou número.
- Adicionar ou capturar, como preferir, novos pokémons a Pokédex que a principio estará vazia.
- Listar os pokémons que foram adicionados a Pokédex.
- Mostrar detalhes do personagem adicionados a Pokédex como:
- Nome
- Imagem dando a opção do usuário fazer upload de sua própria imagem, substituindo a que é entregue via API
- Peso
- Tamanho
- Lista de tipos
- Lista de habilidades
- Estatísticas de velocidade
- Defesa
- Ataque
- Hp
- Cada passo de sua evolução
- Ao clicar em um item da lista de tipos, mostrar todos os pokémons daquele mesmo tipo, inclusive os que ainda não estão adicionados a Pokédex
- Ao clicar em um item da lista de habilidades mostrar o
short_effect
da mesma da para fazer com as notificações
- Excluir os pokémons que foram adicionados a Pokédex.
Sua aplicação web NÃO PRECISA:
- Lidar com autenticação ou autorização (pontos extras se fizer)
- Não precisa estar hospedada em nenhum servidor.
- Lidar com APIs que não seja a recomendada pelo teste.
- Ser escrita usando algum framework específico (mas não há nada errado em usá-los também, use o que achar melhor).
- Testes unitarios (pontos extras se fizer)
- VueJS
- Bootstrap
Não necessário mas se tiver será um diferencial
- Testes Unitarios
Seu projeto será avaliado de acordo com os seguintes critérios.
- Sua aplicação preenche os requerimentos básicos?
- Você documentou a maneira de configurar o ambiente e rodar sua aplicação?
- Você seguiu as instruções de envio do desafio?
- Ter uma aparência bonita
- Altamente responsivo
Adicionalmente, tentaremos verificar sua experiência com programação funcional a partir da estrutura de seu projeto.