The ultimate high-performance Pokémon dashboard. A professional-grade gaming interface engineered with Next.js 16 and React 19 for trainers who demand speed, style, and technical precision.
- 🛡️ Team Architect: Build your squad of 6 with deep analysis on shared weaknesses and defensive coverage.
- 📊 Comparison Engine: Side-by-side technical analysis of up to 3 Pokémon with interactive radar charts.
- 🔍 Quantum Search: Multi-dimensional filtering across all 9 generations by BST, types, weight, and stats.
- 🏆 Trial Chambers: Gamified knowledge trials with Time Attack, Survival, and Marathon modes.
- 📦 Living Dex Tracker: Persistent capture management to track your collection through every region.
- 🌍 Hyper-Localized: Fully native experience in 7 languages with regional name variants.
- 💎 Visual Polish: Glassmorphism and state-aware animations powered by Framer Motion.
- Framework: Next.js 16 (App Router), React 19
- Styling: Tailwind CSS 4, Framer Motion
- State Management: Zustand, IndexedDB (idb-keyval)
- Data Fetching: TanStack Query v5, PokéAPI (REST + GraphQL)
- Language: TypeScript (100% Type-safe)
- Clone the repository
git clone https://github.com/Teeflo/PrimeDex.git cd PrimeDex - Install dependencies
npm install
- Start the development server
npm run dev
- Team Building: Use the "Team" section to evaluate synergy and optimize your competitive squad.
- Data Analysis: Compare base stats and moves in the "Compare" tool for informed decisions.
- Challenges: Test your Pokémon knowledge in the "Quiz" mode and aim for the top of the leaderboards.
- Persistence: Your progress and collection are automatically saved locally in your browser.
This project is licensed under the MIT License - see the LICENSE file for details.