A full-stack analytics dashboard that visualizes LeetCode statistics for any user. The application allows users to track problem-solving progress, analyze submission data, and compare statistics between different LeetCode users through an interactive and modern dashboard interface.
- Search any LeetCode username
- View total solved problems
- Difficulty distribution (Easy / Medium / Hard)
- Acceptance rate and global ranking
- Submission breakdown charts
- Overall progress visualization
- Activity heatmap showing coding activity
- Compare two LeetCode users side-by-side
- Interactive charts and analytics
- Responsive dashboard UI
Frontend
- React
- Tailwind CSS
- Chart.js
Backend
- Node.js
- Express.js
API
- LeetCode Statistics API
leetcode-tracker-dashboard │ ├── frontend │ ├── src │ │ ├── components │ │ ├── pages │ │ └── App.js │ └── package.json │ ├── backend │ ├── routes │ ├── controllers │ └── server.js │ ├── README.md └── .gitignore
Clone the repository
git clone https://github.com/yourusername/leetcode-tracker-dashboard.git
Navigate to the project directory
cd leetcode-tracker-dashboard
Install dependencies
npm install
Start the development server
npm run dev
- Enter a LeetCode username in the search bar.
- View statistics including solved problems, acceptance rate, ranking, and charts.
- Navigate to the Compare section to compare two LeetCode users.
- Analyze difficulty distribution and progress visually using charts.
- Global leaderboard for users
- Contest rating visualization
- Advanced analytics and performance insights
- Authentication and user profiles
- Save favorite users for quick tracking
Siddharth Malik B.Tech Student – Full Stack Development Bennett University