The ultimate gamified dashboard for competitive programmers. Track upsolves, build streaks, and challenge your friends to rating rivalries.

Website Live Demo • Features • Tech Stack • Installation

✨ Features

🔥 Rivalry Mode

Challenge your friends to a time-boxed rivalry! Set a deadline, and let the proprietary scoring algorithm calculate the winner based on total solves, monthly consistency, and rating growth.

📊 Versus Analytics

Compare any two Codeforces handles head-to-head. Dive deep into direct comparisons of rating histories, max streaks, and submission accuracy.

👤 Solo Profile & Pie Charts

An advanced personal dashboard that visualizes your entire Codeforces journey. See your submission verdicts, language preferences, and rating distribution through beautiful, interactive pie charts and graphs.

📅 Daily Challenges & Streaks

Consistency is key to becoming a Grandmaster. Get a curated daily challenge based on your current rating level. Solve it to maintain your streak.

📈 The Upsolve Tracker

"Attempted but unsolved" is a CPer's worst enemy. The Upsolve Tracker automatically cross-references your entire submission history to surface problems you gave up on during contests.

🧩 Practice by Topic & DSA Learning Path

Master specific algorithms! Browse and filter Codeforces problems sorted by exact tags (DP, Graphs, Math, Greedy) or follow the structured Data Structures & Algorithms learning graph.

⚡ Latest Problems Feed

Stay up to date with a real-time feed of the most recently published problems on Codeforces, complete with difficulty ratings and tags.

📆 Upcoming Contests & Google Calendar

Never miss a registration window again. View all upcoming Codeforces contests and click the native "Add to GCal" button to sync it directly to your personal schedule.

🔒 Secure Handle Verification

To link a Codeforces account, users must prove ownership by submitting an intentional COMPILATION_ERROR to problem 1A (Theatre Square) within a 3-minute window. No fake accounts.

---

🛠️ Tech Stack & Tools

---

🔄 Platform Workflow

graph TD
    A[Welcome / Landing Page] -->|Google Sign-In| B{Has CF Handle?}
    B -->|No| C[Handle Linker]
    C --> D[Submit 1A Compile Error]
    D -->|Verified| E[Main Application]
    B -->|Yes| E
    A -->|Skip Sign-In| E
    
    %% Top Navigation
    E --> F[Compare and Analyse]
    E --> G[Codeforces]
    E --> H[DSA]
    
    %% Compare and Analyse Branch
    F --> F1[Solo Profile]
    F --> F2[Versus Analytics]
    F --> F3[Rivalry Mode]
    F --> F4[Friends]
    F --> F5[Practice Mode]
    F --> F6[Daily Challenge]
    F --> F7[Upsolve Tracker]
    F --> F8[Latest Problems]
    F --> F9[Upcoming Contests]
    
    %% Codeforces Branch
    G --> G1[Codeforces Welcome]
    G --> G2[Problems Sorted by Topics]
    
    %% DSA Branch
    H --> H1[DSA Graph]
    H1 --> H2[Specific Topic]
    H2 --> H3[Theory & Curated Problems]

Loading

---

🏛️ Platform Modules

1. Compare & Analyse

This is the core personalized hub of the platform. It heavily relies on the Codeforces API to cross-reference submissions and generate insights.

• Solo Profile: Fetches your user.status and user.rating to build dynamic Recharts pie charts and line graphs, giving a bird's-eye view of your CP career.
• Versus Analytics: Takes two handles and compares their maximum streaks, total solves, and head-to-head performance.
• Rivalry Mode: A fully integrated gamification engine. Users send "Rivalry Requests" stored in Firebase. Upon acceptance, a deadline is set, and a proprietary algorithm scores users based on Monthly Solves (weighted 50x), Total Solves, and Rating.
• Daily Challenge & Upsolve Tracker: The Daily Challenge algorithm picks a problem roughly +100 to +200 above your current rating to ensure optimal growth. The Upsolve tracker finds all problems where your only verdicts were WA, TLE, etc., and sorts them by recency.

2. The Codeforces Hub

A direct connection to the Codeforces problemset.

• Latest Problems: A real-time feed fetching the most recent problems added to the Codeforces archive.
• Practice by Topic: A highly requested feature allowing users to filter the massive Codeforces problemset by exact tags (e.g., dp, greedy, math, two pointers) and rating ranges.

3. DSA Learning Path

A structured roadmap for beginners transitioning into competitive programming.

• Interactive Graph: Built using modern UI components, this maps out the prerequisite structure of Data Structures and Algorithms.
• Curated Content: Each node (e.g., "Dynamic Programming") opens a dedicated page with embedded theory, video resources, and a hand-picked list of Codeforces problems to master that specific algorithm.

---

🚀 Wanting to Contribute ? Set up locally.

Want to run CP Tracker locally or contribute? Follow these steps:

1. Clone the repository

git clone https://github.com/Xploit-Ghost/Codeforces-Tracker.git
cd Codeforces-Tracker

2. Setup Frontend

cd frontend
npm install

3. Setup Firebase Create a .env file in the frontend directory and add your Firebase configurations:

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_id

4. Run the Development Server

npm run dev

The app will be running at http://localhost:5173.

---

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check issues page.

Made with ❤️ for the Competitive Programming Community