📊 LeetCode User Dashboard

🚀 A modern and interactive dashboard to visualize your LeetCode stats with a clean UI.

🌐 Live Demo: LeetCode User Dashboard

---

✨ Features

✅ Fetch and display user stats (Easy, Medium, Hard problems solved)
✅ Clean and responsive UI
✅ Built with React (frontend) and Node.js + Express (backend)
✅ Deployed on Vercel & Render for scalability

---

🛠️ Tech Stack

🌐 Frontend

• ⚛️ React.js
• 🎨 TailwindCSS

⚙️ Backend

• 🟢 Node.js
• 🚀 Express.js

☁️ Deployment

• ▲ Vercel (Frontend)
• 🟣 Render (Backend)

---

📸 Preview

---

🚀 Getting Started

# Clone the repository
git clone https://github.com/your-username/leetcode-user-dashboard.git

# Navigate into frontend
cd frontend
npm install
npm start

# Navigate into backend
cd backend
npm install
npm run dev

🤝 Contributing

Contributions are always welcome!

• Fork the repo
• Create a feature branch (git checkout -b feature-name)
• Commit your changes and push
• Open a Pull Request 🎉

💡 Future Improvements

• 📈 Add a leaderboard for comparing user stats

• 🎯 More advanced problem breakdowns (tags, difficulty trends)

• 🌐 Support for multiple coding platforms

📦 Deployment

• Frontend (Vercel)

Push frontend folder to GitHub

Import repo in Vercel → Set root to /frontend → Deploy

• Backend (Render)

Push backend folder to GitHub

Create new Web Service in Render

Select backend folder → Build and Deploy