Uma aplicação web moderna que consome a PokeAPI para exibir informações sobre Pokémon, construída com Vue.js 3 e Vite.
- 🎨 Interface responsiva e atraente
- 🔍 Busca por nome ou número do Pokémon
- 📋 Listagem com cards dos Pokémon
- 📊 Página de detalhes com estatísticas completas
- ⚡ Cache inteligente para melhor performance
- 🛡️ Tratamento robusto de erros e fallbacks
- Vue.js 3 - Framework frontend
- Vite - Build tool ultrarrápido
- Axios - Cliente HTTP
- Vue Router - Navegação entre páginas
- API REST - PokeAPI
- Node.js (v16 ou superior)
- npm ou yarn
- Clone o repositório:
git clone https://github.com/fparuce/pokedex-project-vue.git
- Acesse o diretório:
cd pokedex-project-vue
- Instale as dependências:
npm install
# ou
yarn install
Modo desenvolvimento:
npm run dev
# ou
yarn dev
Modo produção:
npm run build
npm run preview
Para executar os testes:
npm run test
src/
├── assets/ # Imagens e recursos estáticos
├── components/ # Componentes Vue
├── composables/ # Lógica reutilizável
├── router/ # Configuração de rotas
├── views/ # Páginas principais
├── utils/ # Utilitários
├── App.vue # Componente raiz
└── main.js # Ponto de entrada
Contribuições são bem-vindas! Siga estes passos:
- Faça um fork do projeto
- Crie sua branch (
git checkout -b feature/nova-feature
) - Commit suas mudanças (
git commit -m 'Adiciona nova feature'
) - Push para a branch (
git push origin feature/nova-feature
) - Abra um Pull Request
Este projeto está licenciado sob a licença Apache-2.0 - veja o arquivo LICENSE para detalhes.
- Dados providos por PokeAPI
- Ícones por FontAwesome
- Design inspirado na Pokédex oficial
Feito com ❤️ por Felipe Costacurta Paruce