A modern LeetCode analytics dashboard that lets you search any username and visualize their profile insights — ranking, problem stats, submission heatmaps, contest rating, and more.
🌐 Live Demo: leetcode-tracker-haqyus4vj-aryan-yadav-s-projects3.vercel.app
- 🔍 Search any LeetCode username instantly
- 🏆 View global ranking and profile overview
- 📊 Interactive problem-solving statistics chart (Easy / Medium / Hard)
- 📈 Submission activity heatmap visualization
- 📝 Recent accepted submissions with direct links to problems
- 🎯 Contest rating tracking
- 🌙 Dark mode support
- ⚡ Loading states and error handling
- 📱 Fully responsive dashboard UI
| Layer | Technology |
|---|---|
| Frontend | React.js + Vite |
| Styling | Tailwind CSS |
| Charts | Recharts |
| HTTP Client | Axios |
| API | LeetCode GraphQL API |
| Deployment | Vercel |
src/
├── components/
│ ├── Navbar.jsx
│ ├── SearchBar.jsx
│ ├── UserCard.jsx
│ ├── StatsChart.jsx
│ ├── Heatmap.jsx
│ └── RecentSubmissions.jsx
│
├── pages/
│ └── Home.jsx
│
├── services/
│ └── leetcodeApi.js
│
├── App.jsx
└── main.jsx
# Clone the repository
git clone https://github.com/Aryan-ai17/leetcode-tracker.git
# Move into the project directory
cd leetcode-tracker
# Install dependencies
npm install
# Start the development server
npm run devOpen http://localhost:5173 in your browser.
- Advanced calendar heatmap
- Profile comparison (side-by-side two users)
- Search history with local storage
- Better analytics — streak tracking, topic-wise breakdown
- Mobile UI improvements
✅ Actively maintained and deployed on Vercel
Aryan Yadav
- GitHub: @Aryan-ai17