LeetXP
LeetXP is a web app that fetches and displays a user’s LeetCode stats — including solved problems by difficulty, global rank, reputation, and earned badges — using LeetCode’s GraphQL API.
🌐 Live Demo
📸 Preview
🚀 Features
- 🔍 Enter a LeetCode username to fetch profile stats.
- 📊 Shows solved questions count (Easy, Medium, Hard).
- 🏅 Displays badges, global rank, and reputation.
- 🧪 Responsive, clean design with animated progress circles.
- ☁️ Backend deployed on Vercel, frontend on Netlify.
🧩 Tech Stack
| Layer | Technology |
|---|---|
| Frontend | HTML, CSS, JavaScript |
| Backend | Node.js, Express, Axios |
| API | LeetCode GraphQL |
| Deployment | Vercel (Backend), Netlify (Frontend) |
🛠️ Setup Instructions
📦 Backend
# Clone repo and go to Backend directory
cd LeetXP/Backend
# Install dependencies
npm install
# Start local server
node app.js
# OR
npm start
💻 Frontend Setup
- Open Frontend/index.html in your browser
-
Or use Live Server (VS Code extension)
🤝 Contributing
Contributions, issues and feature requests are welcome! Feel free to open a Pull Request or Issue.
👨💻 Author
Made with 💙 by Ayush170803