PokéDex Explorer
React + TypeScript Web App
Interactive Pokémon team builder
Overview
A feature-rich Pokémon web app built as the final exam for IS 542 (Web Development) — designed, built, and deployed in 3 hours. Users can browse all Pokémon, build custom battle teams of up to 6, filter by region, and view detailed trading-card-style stats for each Pokémon — all powered by the free PokéAPI with no authentication required.
My Role
Solo developer — designed and built the full application, including the custom team management hook, localStorage persistence, and responsive UI.
The Challenge
Building a smooth, state-managed team builder with persistent storage across sessions, using only a public API and no backend.
Key Highlights
- Built with React 19 and TypeScript using Vite as the build tool
- Integrated PokéAPI for live Pokémon data — no authentication required
- Custom useTeam hook for localStorage-backed team state management
- Browse by region, search by name, view detailed TCG-style stat cards
- Deployed to Vercel with client-side routing handled correctly
Outcome
Fully deployed React app with live API integration, team persistence via localStorage, and a responsive Tailwind layout.