🌐 Live Demo: https://clubhub-frontend.vercel.app/ Login as Admin : email kabeer@gmail.com pass 123456 to view admin page
ClubHub is a full-stack web platform designed to manage all activities of a student club in one place.
It enables:
- Members to participate in challenges & events
- Admins to manage everything efficiently
- Real-time tracking of performance via leaderboard
- Secure login & registration (JWT based)
- Role-based access (User / Admin)
- Avatar, bio, skills (tech stack)
- GitHub & LinkedIn integration
- Editable profile with view mode
- View upcoming events
- Admin can create events
- Event details page
- Browse challenges
- Submit GitHub & live project links
- Track submissions
- Rank users based on scores
- Real-time updates
- Create events & challenges
- View all members
- Review submissions
- Assign scores
- Upload gallery images
- Showcase club activities
- Admin-managed uploads
- React (Vite)
- React Router
- Tailwind CSS
- Axios
- Node.js
- Express.js
- MongoDB (Mongoose)
- JWT Authentication
- Cloudinary (optional)
frontend/
backend/
- frontend/ → React UI
- backend/ → Express API
git clone https://github.com/your-username/clubhub.git
cd clubhubcd backend
npm install
npm run devcd frontend
npm install
npm run devCreate .env in backend:
MONGO_URI=your_mongodb_url
JWT_SECRET=your_secret
CLOUDINARY_NAME=xxx
CLOUDINARY_API_KEY=xxx
CLOUDINARY_API_SECRET=xxx
- Frontend: Vercel
- Backend: Render
-
Full-stack MERN application
-
Role-based admin system
-
Real-time leaderboard
-
Production-ready structure
Kabeer AR
ClubHub simplifies club management by combining: 👉 Events + Challenges + Leaderboard + Admin Control into a single powerful platform.
- Notifications system
- AI-based recommendations
- Badges & achievements
- Mobile app version