← All projectsUI · personal · 2026

Pokémon Squad Lab

A Pokémon companion tool built on PokeAPI data. Browse the Pokédex, build squads of up to six, see each squad's type strengths and weaknesses, and get suggestions for what to add or swap.

Status: Ongoing
Stack: React, TypeScript, Redux Toolkit, Tailwind CSS, Vite, PokeAPI
Links: Source ↗Demo ↗

The Pokédex list with search, type filters, and each Pokémon's types and base stat total

A squad of five with the warning that Rock hits three members super-effectively, above the type matchup table — Each squad gets a matchup sheet and its problem types.

"Complete your squad" suggestions, grouped by type combination with their defense and attack gain — Suggestions show how much of their gain is defense and how much is attack.

Gengar's detail page with flavor text, forms, base stats and damage taken per type

Why I built it

I've always enjoyed Pokémon and wanted to build something using the PokéAPI. While playing Pokémon Violet, I found myself constantly looking at my team, wondering how I could improve it, which Pokémon would work well together, and what my ideal squad could look like. That curiosity eventually turned into this project.

How it works

Next time

I'm considering adding real-time squad battles using WebSockets, along with user accounts and persistent storage so players can save and manage their squads.

Next projectBlackjack