https://github.com/devsallein/pokedex
Pokédex — Projeto desenvolvido como parte de um desafio técnico. Consiste em uma interface inicial com listagem de Pokémon, filtros para buscas específicas e exibição de detalhes completos ao selecionar um Pokémon.
https://github.com/devsallein/pokedex
bootstrap git i18n vue3 vuex
Last synced: 11 months ago
JSON representation
Pokédex — Projeto desenvolvido como parte de um desafio técnico. Consiste em uma interface inicial com listagem de Pokémon, filtros para buscas específicas e exibição de detalhes completos ao selecionar um Pokémon.
- Host: GitHub
- URL: https://github.com/devsallein/pokedex
- Owner: DevSaLLein
- License: unlicense
- Created: 2025-04-11T20:52:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-11T21:49:09.000Z (about 1 year ago)
- Last Synced: 2025-08-14T00:02:08.043Z (11 months ago)
- Topics: bootstrap, git, i18n, vue3, vuex
- Language: Vue
- Homepage: https://desallein-pokedex.vercel.app
- Size: 32.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📘 Pokédex
Projeto desenvolvido como parte de um desafio técnico. Esta aplicação é uma Pokédex que consome a [PokeAPI](https://pokeapi.co/), exibindo uma listagem com filtros e permitindo visualizar detalhes completos dos Pokémon selecionados.
## 🚀 Tecnologias Utilizadas
- **Vue.js 3**
- **Vuex**
- **Vue i18n**
- **Bootstrap**
- **PokeAPI**
- **Vitest**
- **Vite**
- **Git**
## 📂 Estrutura de Pastas
```
/
├─ 📁 src/
│ ├── 📁 assets/ # Imagens
│ │
│ ├── 📁 components/ # Componentes reutilizáveis
│ │ ├── LanguageSelector.vue # Componente do Selector resposável pelo idioma da página
│ │ └── PokemonDetailModal.vue # Componente que serve de modal para o Pokémon selecionado
│ │ └── PokemonList.vue # Componente que aparece no index, onde fica a listagem de Pokémons
│ │
│ ├── 📁 i18n/ # Diretório que armazena o script de internacionalização
│ │ └── i18n.js # Script de internacionalização
| |
│ ├── 📁 locates/ # Arquivos de tradução
│ │ ├── pt.json # Português-BR
│ │ ├── en.json # Inglês
│ │ └── es.json # Espanhol
│ │
│ ├── 📁 store/ # Vuex (estado global)
│ │ └── index.js # Configuração raiz
│ │
│ ├── App.vue # Componente raiz
│ └── main.js # Entrada principal do app
│
├─ 📁 tests/ # Arquivo de testes
│ └── 📁 PokemonList.spec.js
|
├─ .gitignore
├─ index.html
├─ LICENSE
├─ package.json
├─ pnpm-lock.yaml
├─ README.md
└─ vite.config.js
```
## 🚀 Como executar essa aplicação
1. Clonar o repositório
```
git clone https://github.com/DevSaLLein/Pokedex.git
cd Pokedex
```
2. Executar a aplicação
```
npm run dev
```
3. Abrir no navegador: `localhost:5173`
## 🧪 Testes
Os testes automatizados foram implementados usando **Vitest**. Para rodá-los, utilize:
```
npx vitest
```
## 🌐 Funcionalidades
- Listagem de Pokémon com scroll infinito
- Filtros por nome, ID, tipo e espécie
- Modal com detalhes do Pokémon:
- Sprites
- Evoluções
- Golpes (Moves)
- Jogos em que aparece
- Suporte a múltiplos idiomas (pt-BR, en, es)
- Design responsivo
