Skip to content

alison-souza/pok-dex

Repository files navigation

Pokedéx Futurista / Futuristic Pokédex

🇧🇷 Português

Bem-vindo à Pokedéx Futurista, um projeto moderno desenvolvido com React + Vite, estilizado com TailwindCSS e utilizando a PokeAPI para listar e exibir detalhes dos 151 Pokémons da região de Kanto.

O foco deste projeto foi criar uma experiência:

  • 🌙 Totalmente em tema escuro (dark mode)
  • ⚡ Extremamente rápida (Vite)
  • 📱 100% responsiva
  • 🎨 Com visual moderno e neon
  • 🔍 Facilmente navegável com busca, filtro por tipo e página de detalhes

✨ Funcionalidades

  • 🔍 Busca por nome

  • 🏷️ Filtro por tipo de Pokémon

  • 📄 Página de detalhes com:

    • Tipos
    • Peso e Altura
    • Status
    • Curiosidade traduzida automaticamente (PT/EN)
    • Região de origem (Kanto) com insígnia
  • 💎 Interface futurista minimalista


🛠️ Tecnologias Utilizadas

  • React + Vite
  • TypeScript
  • TailwindCSS
  • PokeAPI

📦 Como rodar o projeto localmente

git clone <seu-repo>
cd pokedex
npm install
npm run dev

Acesse em:

http://localhost:5173

🚀 Build para produção

npm run build

Arquivos finais ficam em /dist.


📜 Licença

Uso livre para aprendizado e portfólio.



🇺🇸 English

Welcome to the Futuristic Pokédex, a modern project built with React + Vite, styled with TailwindCSS, and powered by the PokeAPI to display the first 151 Pokémon from the Kanto region.

This project focuses on delivering a:

  • 🌙 Fully dark-themed experience
  • ⚡ Fast and smooth interface (Vite)
  • 📱 100% responsive layout
  • 🎨 Clean futuristic neon design
  • 🔍 Easy navigation with search, type filtering, and detailed pages

✨ Features

  • 🔍 Search Pokémon by name

  • 🏷️ Filter by type

  • 📄 Detail page with:

    • Types
    • Weight & Height
    • Stats
    • Auto-translated fun fact (PT/EN)
    • Region info (Kanto) with badge
  • 💎 Minimalistic futuristic UI


🛠️ Tech Stack

  • React + Vite
  • TypeScript
  • TailwindCSS
  • PokeAPI

📦 Running locally

git clone <your-repo>
cd pokedex
npm install
npm run dev

Access at:

http://localhost:5173

🚀 Production build

npm run build

Final output is in /dist.


📜 License

Free for educational and portfolio use.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published