Skip to content
vnic03Public

About

A website where you can view Pokémon, get detailed information, listen to their cries, and much more. Includes a team builder and an AI that evaluates your team based on real VGC rules and top teams.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Latest commit

 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokédex Web App

A full-stack Pokédex built with React, Express, and SQLite, powered by data from the PokéAPI.
Browse, search, and explore detailed information for every Pokémon including types, stats, evolutions, abilities, and more.

Main Pokédex Page


Overview

This project combines a clean React frontend with a Node.js backend.

  • Frontend: React + Tailwind CSS
  • Backend: Express.js + SQLite + PokéAPI data import
  • Data: Pokémon, moves, items, and forms stored locally for instant access
  • UI Features: Filtering, search, shiny toggle, detailed views with stats and images

Main Page – Pokédex List

The main page displays Pokémon in an infinite-scroll list with a responsive card grid.
You can search by name or Pokédex number, filter by type, generation, or egg group, and reverse the order of results.

Features:

  • Dynamic infinite scroll
  • Sticky search bar and filter panel
  • Shiny toggle for each Pokémon
  • Reverse button to show Pokémon in descending order

Pokémon Detail Page

Clicking a Pokémon opens a detailed modal page with full stats and visuals.

Displayed Information:

  • Official sprites (normal & shiny)
  • Pokémon cry playback
  • Types and category
  • Weight & height
  • Gender ratio visualization
  • Abilities with detailed effects
  • Base stats with color-coded progress bars
  • Moves (with type and category icons)
  • Evolution chain with artwork
  • Localized names in multiple languages
  • Alternate forms (e.g., Mega, Alolan, Hisuian, etc.)

Team Builder (WIP) — AI-Powered VGC Insights

A competitive team builder similar to Pokémon Showdown is in active development.
The twist: an integrated AI coach rates and explains your team using real VGC tournament data.

Planned capabilities:

  • Draft a full 6-mon roster with items, abilities, natures, EVs, and moves
  • Instant synergy checks (type balance, hazard control, roles, speed tiers)
  • Matchup coverage vs. popular meta cores and archetypes
  • Data-driven scoring using aggregated VGC results (usage trends, top-cut presence, performance metrics)
  • Actionable suggestions: swap options, EV spread tweaks, and move optimizations
  • Clear explanations so you know why a suggestion helps

Installation

# Install dependencies
npm install

# Run the sarting script
./start.sh

❤️ Support

If you like this project and want to support further development, consider sponsoring:

Sponsor on GitHub PayPal

About

A website where you can view Pokémon, get detailed information, listen to their cries, and much more. Includes a team builder and an AI that evaluates your team based on real VGC rules and top teams.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages