poketeam is a lightweight Next.js demo that uses PokéAPI data to randomly generate Pokémon teams — no backend required, just the browser.
Deployed to GitHub Pages: https://amer8.github.io/poketeam/
- Build a team by drawing random Pokémon until all six slots are filled.
- Start from an auto-generated team name, then rename it before saving.
- Browse saved teams and sort them by total base experience or name.
- Filter the team list by Pokémon type.
- Open a saved team to inspect it or delete it.
- Toggle between light and dark color modes.
- Next.js 16 with the Pages Router
- React 19
- TypeScript
- IndexedDB via
idb - PokéAPI for Pokémon and ability data
- Static export output for GitHub Pages deployment
- Node.js
>= 24.0.0 - Yarn
>= 1.22.17 - A browser with IndexedDB enabled
Install dependencies and start the local dev server:
yarn install
yarn devThen open http://localhost:3000. The root route redirects to /team/list.
No environment variables are required.
package.json also defines yarn start, but this project is configured for static export, so the primary production artifact is the generated out/ directory.
Dockerfile.dev builds the static export and serves it with an Nginx fallback that matches GitHub Pages more closely by returning 404.html for unknown routes. That keeps direct loads of client-only routes, such as /team/<id>/edit/, aligned with the GitHub Pages deployment behavior.
docker build -f Dockerfile.dev -t poketeam-dev .
docker run --rm -p 8080:80 poketeam-dev- PokéAPI is created by Paul Hallett and other PokéAPI contributors around the world. Pokémon and Pokémon character names are trademarks of Nintendo.
- "Poké Ball icon" by Andreuvv is licensed under CC BY-SA 4.0.
