A Pokédex-inspired web app built with React + TypeScript. Search Pokémon, explore moves, calculate type matchups, and discover team-building insights — all powered by PokeAPI.
- Search Pokémon — View stats, types, evolution chains, and movesets. Clickable evolutions for quick navigation.
- Search Move — Detailed move info including type, category, power, accuracy, and effect descriptions.
- Type Calculator — Select a type combo to see defensive/offensive coverage using updated terminology (Extremely Effective, Mostly Ineffective). Displays Pokémon that share your selected type combination.
- Full Pokédex (Gen 1–9) — All 1025 Pokémon from Kanto through Paldea, including regional forms and Paradox Pokémon.
- Shiny Easter Egg — 1/100 chance of encountering a shiny sprite when searching a Pokémon ✨
- Pokémon Quotes — 135 iconic quotes from games and anime on the home page.
- React 18 + TypeScript 5
- React Router v6
- Bootstrap 5 / react-bootstrap 2
- styled-components v5
- Axios
- PokeAPI
Pokédex device-inspired dark theme featuring:
- Charcoal background with red accent borders and indicator lights
- Type-colored pills, coverage cards, and ghost-style buttons
- Responsive layout optimized for desktop and mobile
You can access any Pokémon directly by name or ID:
https://pokeapp.onrender.com/search/pikachuhttps://pokeapp.onrender.com/search/25
Deployed with CI/CD on Render.
Made with 🦔 by @TheRoro