Aplicação web desenvolvida em React com Tailwind CSS, que consome dados da PokeAPI para exibir um catálogo interativo de Pokémons. O projeto permite listar, buscar e visualizar detalhes de cada Pokémon de forma simples e responsiva.
- Listagem inicial dos primeiros Pokémons.
- Sistema de busca por nome para encontrar um Pokémon específico.
- Visualização de detalhes (ID, altura, peso, tipos) em um modal ao clicar em um card.
- Design totalmente responsivo, adaptável para desktops, tablets e celulares.
- Feedback visual com um indicador de carregamento durante as buscas.
- React (Vite): Biblioteca para a construção da interface de usuário.
- Tailwind CSS: Framework CSS para estilização moderna e ágil.
- JavaScript: Linguagem de programação principal.
- PokeAPI: API REST gratuita para consulta dos dados dos Pokémons.
Para executar este projeto localmente, siga os passos abaixo:
-
Clone o repositório:
git clone https://github.com/oLupim/AP2-DAOC.git
-
Acesse o diretório do projeto:
cd AP2-DAOC -
Instale as dependências necessárias:
npm install
-
Inicie o servidor de desenvolvimento:
npm run dev
Após iniciar, a aplicação estará disponível no seu navegador em
http://localhost:5173(ou outra porta indicada no terminal).
Este projeto utiliza a PokeAPI, uma base de dados pública e gratuita sobre o universo Pokémon.
- Documentação Oficial: https://pokeapi.co/docs/v2
- Listagem de Pokémons:
https://pokeapi.co/api/v2/pokemon?limit=20&offset=0 - Buscar Pokémon pelo nome:
https://pokeapi.co/api/v2/pokemon/{nome}(Ex:.../pokemon/pikachu)