Project 05 · Full-stack app
Profile Aggregator
Students Profile Aggregator
Every coding profile, one dashboard.
Full-stack platform to aggregate students stats from GitHub, LeetCode, YouTube and Sololearn in one dashboard.
- Type
- Full-stack app
- Core stack
- React · Vite · Tailwind CSS
- Live at
- profilestack.netlify.app
Overview
What it is
A MERN platform that brings a student’s developer profiles together. It verifies and pulls stats from GitHub, LeetCode and YouTube, links their Sololearn profile, and shows everything on a single dashboard.
Students are ranked on a shared leaderboard by a Dev Score, while admins manage profiles from their own panel.
Architecture
How it’s built
- 01React dashboardProfiles, leaderboard and admin panel
- 02Express APIJWT auth with student and admin roles
- 03Stat servicesGitHub, LeetCode and YouTube lookups
- 04MongoDBProfiles and cached stats
Features
What it does
Students
- Verify profileFetches live stats from GitHub, LeetCode and YouTube.
- Unified dashboardAll linked platforms in one view.
- Public dashboardsShareable profile pages for each student.
- Self-service editingStudents keep their own profile up to date.
Ranking
- LeaderboardRanked developer cards across all students.
- Dev ScoreGitHub repos × 2 + LeetCode problems solved × 3 + YouTube videos × 1.
Admin
- Role-based accessSeparate student and admin roles with JWT auth.
- Profile managementCreate, edit and delete student profiles.
Tech stack
Built with
Frontend
- React
- Vite
- Tailwind CSS
- Framer Motion
- React Router
- Axios
Backend
- Node.js
- Express
- MongoDB
- Mongoose
- JWT
- bcrypt
APIs
- GitHub API
- LeetCode
- YouTube Data API
Screens