PokeTracker

A comprehensive web application for tracking shiny Pokémon hunts and EV (Effort Values) training progress. Built with modern web technologies to provide Pokémon trainers with an intuitive and powerful tracking experience.

Live Demo

Visit the live application: https://pkmn-tracker.vercel.app/

Happy Shiny Hunting! ✨ Gotta catch 'em all - especially the shiny ones!

Features

Shiny Hunt Tracking

• Hunt Progress: Track your shiny hunting attempts with detailed statistics
• Multiple Methods: Support for various hunting methods (Masuda Method, Wild Encounters, Soft Resets, etc.)
• Success Rates: Calculate and display your hunting odds and success rates
• Hunt History: Maintain a complete history of all your shiny hunting sessions

EV Training Management

• EV Tracking: Monitor Effort Values for your Pokémon team
• Training Plans: Create and follow custom EV training schedules
• Progress Visualization: Visual representation of your Pokémon's stat distribution

Pokémon Database Integration

• Complete Pokédex: Access detailed information for all Pokémon
• Shiny Sprites: View both regular and shiny forms of Pokémon
• Stats & Abilities: Comprehensive Pokémon data powered by PokéAPI

User Experience

• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Dark/Light Mode: Toggle between themes for comfortable viewing
• Intuitive Interface: Clean, modern design with smooth animations
• Data Persistence: Your tracking data is saved and synced across sessions

Tech Stack

• Frontend Framework: Svelte - Reactive JavaScript framework
• Styling: TailwindCSS - Utility-first CSS framework
• API Integration: PokéAPI v2 - RESTful Pokémon API
• Deployment: Vercel - Serverless deployment platform

Installation & Setup

Prerequisites

• Node.js (v16 or higher)
• npm or yarn package manager

Local Development

1. Clone the repository

   git clone https://github.com/ChowMeins/PokeTracker.git
   cd PokeTracker
   

2. Install dependencies

   npm install
   # or
   yarn install
   

3. Start the development server

   npm run dev
   # or
   yarn dev
   

4. Open your browser Navigate to http://localhost:5173 to view the application

Build for Production

npm run build
# or
yarn build

Project Structure

PokeTracker/
├── src/
│   ├── components/     # Reusable Svelte components
│   ├── routes/        # Application routes and pages
│   ├── lib/           # Utility functions and stores
│   ├── styles/        # Global styles and Tailwind config
│   └── app.html       # Main HTML template
├── static/            # Static assets
├── package.json       # Dependencies and scripts
└── README.md         # This file

Usage Guide

Starting a Shiny Hunt

1. Select your target Pokémon from the search interface
2. Choose your hunting method (Wild, Masuda Method, Soft Reset, etc.)
3. Set your hunt parameters (Shiny Charm, current chain count, etc.)
4. Begin tracking your encounters with the increment buttons
5. View real-time statistics and odds calculations

EV Training

1. Add Pokémon to your training roster
2. Set target EV spreads for each stat
3. Track training sessions and progress
4. Monitor completion status and remaining EVs needed

Managing Data

• All hunt data is automatically saved to your browser's local storage
• Export your data for backup or sharing
• Import previous hunt data when switching devices