- React ⚛️: Uma biblioteca JavaScript para criar interfaces de usuário intuitivas.
- TypeScript 🎨: Adiciona tipagem estática ao JavaScript, tornando seu código mais robusto e confiável.
- API Pokémon 🐉: Acesse um universo de dados sobre os Pokémons favoritos de todos!
- Axios 📡: Realize requisições HTTP de forma simples e eficiente.
- Tailwind CSS 🎨: Crie layouts responsivos e estilos customizados com rapidez e facilidade.
- Shadui 🎨: Utilize componentes UI prontos para Tailwind CSS e economize tempo no desenvolvimento.
- Redux 🗂️: Gerencie o estado da aplicação de maneira previsível e centralizada.
- Explore todos os Pokémons da API Pokémon com paginação para facilitar a navegação.
- Filtre os Pokémons por nome ou tipo para encontrar seus favoritos rapidamente.
- Clique em um Pokémon para visualizar seus detalhes em um card completo.
- Veja a imagem do Pokémon e se apaixone ainda mais por ele.
- Obtenha informações detalhadas como nome, tipo, habilidades e estatísticas.
- Descubra os pontos fortes e fracos de cada Pokémon para se preparar para batalhas épicas!
- Clone o repositório do GitHub: https://github.com/DiegoPorfirio01/pokemon.git
- Acesse a pasta do projeto.
- Instale as dependências:
npm install
- Inicie o servidor de desenvolvimento:
npm run dev
- Acesse o projeto em execução: http://localhost:5173/
- Utilize os botões de paginação para navegar pela lista.
- Digite no campo de busca para encontrar seus Pokémons favoritos.
- Selecione um tipo na lista suspensa para filtrar a pesquisa.
- Clique em um Pokémon da lista para abrir seu card.
- Explore as informações detalhadas do Pokémon e prepare-se para batalhas incríveis!
- O Redux é utilizado para gerenciar o estado global da aplicação.
- As ações e os reducers estão configurados para manipular os dados dos Pokémons de forma eficiente.
- Utilize o
useSelector
para acessar o estado global e ouseDispatch
para despachar ações.
- Este projeto ainda está em desenvolvimento, mas novas funcionalidades serão adicionadas em breve!
- Sinta-se à vontade para contribuir com o projeto e torná-lo ainda melhor.
Este projeto está licenciado sob a licença MIT.
- Repositório GitHub: https://github.com/DiegoPorfirio01/pokemon.git
- API Pokémon: https://pokeapi.co/
- Axios: https://github.com/axios/axios
- Tailwind CSS: https://tailwindcss.com/
- Shadui: https://ui.shadcn.com/
- Redux: https://redux.js.org/