⟨/⟩ Codeforces Rating Tracker

A clean, minimal web app to track and visualize your Codeforces rating history — with chart filtering, stats overview, and side-by-side handle comparison.

🔗 Live Demo: codeforces-tracker-yash.netlify.app

---

Features

• Rating Chart — Interactive line chart of your full contest history using Chart.js
• Time Range Filters — Quickly zoom into 1W, 1M, 3M, 6M, 1Y, 2Y, or All-time data
• Stats Overview — Current rating, peak, lowest, total contests, average Δ, and last 30-day Δ
• Contest Table — Scrollable log of every contest with date, name, new rating, and delta
• Compare Mode — Overlay two handles on the same chart with split stats and tables
• Smart Caching — Results are cached in localStorage for 30 minutes to avoid redundant API calls
• URL Handle Param — Share a direct link like ?handle=tourist to auto-load a profile
• Rank Color Coding — Rating values are color-coded by Codeforces rank tier (Newbie → Grandmaster)
• Dark Theme — Pure black UI built with Tailwind CSS

---

Tech Stack

Layer	Tool
Markup	HTML5
Styling	Tailwind CSS (CDN)
Charts	Chart.js + chartjs-adapter-date-fns
Fonts	Inter (Google Fonts)
Data	Codeforces Public API
Hosting	Netlify

---

Getting Started

No build step required — it's a single HTML file.

# Clone the repo
git clone https://github.com/your-username/codeforces-rating-tracker.git

# Open directly in your browser
open index.html

Or just visit the live deployment.

---

Usage

1. Enter a Codeforces handle in the search bar and click Fetch
2. Use the time-range buttons (All / 2Y / 1Y / 6M / 3M / 1M / 1W) to filter the chart
3. Click ⇄ Compare to overlay two handles and compare their rating trajectories
4. Use ↻ to force a fresh API fetch, or ✕ Cache to clear stored data

URL Parameter

You can deep-link to any handle:

https://codeforces-tracker-yash.netlify.app/?handle=tourist

---

Rating Color Reference

Color	Rank	Rating
🔴 Red	Grandmaster+	2400+
🟠 Orange	Master	2100–2399
🟣 Purple	Candidate Master	1900–2099
🔵 Blue	Expert	1600–1899
🩵 Cyan	Specialist	1400–1599
🟢 Green	Pupil	1200–1399
⚪ Gray	Newbie	< 1200

---

Project Structure

codeforces-rating-tracker/
└── index.html      # Single-file app (HTML + CSS + JS)

---

THANK YOU