A web application that displays detailed LeetCode user statistics including total problems solved by difficulty level and overall submissions. Built using HTML, CSS, and JavaScript with the help of a CORS proxy server to handle API requests to LeetCode.
This project is a LeetCode Stats Tracker web app that allows users to:
- Enter any valid LeetCode username.
- Fetch and display solved problems count (easy, medium, hard).
- View total submissions for each difficulty.
- Visualize progress using animated progress circles and stat cards.
LeetCode does not provide a clean, visual overview of a user's progress on the homepage. This project fills that gap and provides a visual snapshot of performance using the LeetCode GraphQL API.
It also demonstrates:
- Working with GraphQL APIs in plain JavaScript.
- Overcoming CORS issues using a custom Node.js proxy.
- Clean and minimal UI/UX experience.
✅ User-friendly input and validation
✅ Uses animated circular progress bars
✅ Displays easy, medium, and hard solved questions
✅ Shows total submissions for each category
✅ CORS workaround with custom proxy server
✅ Fully responsive layout
- HTML, CSS, JavaScript
- LeetCode GraphQL API
- Node.js (for custom CORS proxy)
- Render.com (for hosting proxy)
- Node.js and npm installed
- Git installed
✍️ Author
Developed by Ayush Mhaisane