Tecnologias 🌐

• 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.

Funcionalidades 🔍

Lista de Pokémons 📋

• 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.

Card de Pokémon 🃏

• 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!

Instalação 🚀

1. Clone o repositório do GitHub: https://github.com/DiegoPorfirio01/pokemon.git
2. Acesse a pasta do projeto.
3. Instale as dependências: npm install
4. Inicie o servidor de desenvolvimento: npm run dev
5. Acesse o projeto em execução: http://localhost:5173/

Uso 🛠️

Lista de Pokémons 📖

• 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.

Card de Pokémon 🏅

• 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!

Gerenciamento de Estado com Redux 🗂️

• 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 o useDispatch para despachar ações.

Observaçõ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.

Licença 🛡️

Este projeto está licenciado sob a licença MIT.

Links Úteis 🔗

• 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/