A full-stack, responsive web application for managing and viewing a leaderboard with user point claims, ranking highlights, pagination, and dark mode support.
- Frontend (Netlify): View Live
- Backend (Render): API Endpoint
client/ ├── public/ ├── src/ │ ├── components/ # Reusable UI components │ ├── assets/ # Static assets like images │ ├── constant.js # Shared constants like BASE_URL │ └── App.jsx ├── index.html └── main.jsx
server/ ├── controllers/ # Logic for routes ├── models/ # Mongoose models ├── routes/ # Express route handlers ├── middleware/ ├── uploads/ # Uploaded user images ├── server.js # Entry point └── .env
- 🎖️ Displays top 3 users with animated trophy icons
- 🧑 Select user with live search dropdown
- 🪙 Claim reward points with animations
- ⬛ Light/Dark mode toggle
- 📊 Paginated leaderboard with dynamic navigation
- 🖼️ Image upload and fallback handling
- 💻 Fully responsive for all device sizes
| Frontend | Backend | Other Tools |
|---|---|---|
| React | Node.js | Render (API) |
| Tailwind | Express | Netlify (UI) |
| Axios | MongoDb |
