Bem-vindo ao Poké-Next, o projeto tem como finalidade aventurar-se no universo de Pokémon, trazendo assim, uma listagem de todos os pokémons (através da busca de dados do PokéAPI) e também oferecer informações de cada pokémon (peso, altura, tipos).
A aplicação irá renderizar todo os pokémons disponíveis através da API PokéAPI, todas os pokémons estarão em listagem. O usuário poderá selecionar um pokémon e, logo após a este evento de seleção, o mesmo irá ser redirecionado para uma página em que irá ser exibido as informações "básicas" do pokémon escolhido, tais como peso, altura e seu tipo. O usuário também pode filtrar pelo o nome do pokémon, para que diretamente possa busca pelo o seu pokémon favorito.
O projeto foi construído através do NextJS um framework que possui a mesma estrutura de construção do React, inicialmente na sua versão 13, já a responsabilidade da estilização ficou por conta do Sass. Este projeto usa next/font para otimizar e carregar automaticamente o Nunito, uma fonte personalizada do Google.
Consumo de dados (API)
Todos os dados exibidos da aplicação foi consumido atráves do PokéAPI, a API é gratuito e aberto para uso, porém ela é somente feita para consumo.
Instalação do projeto
- Clone o repositório
- Use o comando:
git@github.com:PedroPDIN/poke-next.git. - Entre na pasta do repositório que você acabou de clonar:
cd poke-next
- Instale as dependências
- Use o comando:
npm install.
- Logo após isso basta inicia-lo através do servidor de desenvolvimento.
- use o comando:
npm run dev
- (opcional) Ou você pode incia-lo em produção.
- usando o comando:
npm run start(Lembrando que o projeto deve ter passado pelo o processo de build).
Este projeto está hospedada na plataforma da Vercel. Com isso, você pode acessar a aplicação clicando AQUI.