Explore the key features and interface of YoungMinds Club through these interactive screenshots.
Customized dashboards for Users, Organizers, and Admins with role-specific features, XP tracking, badge systems, and comprehensive analytics
Comprehensive management system for both events and internships with application tracking, QR code generation, and performance analytics
Advanced XP system with badges, streak tracking, and professional email monitoring dashboard with delivery analytics and health scoring
Comprehensive admin dashboard with user management, content moderation, system-wide announcements, and real-time performance metrics
A comprehensive platform for youth engagement, event management, and career opportunities with advanced role-based access control (RBAC), built using the modern MERN stack with TypeScript
YoungMinds Club is a comprehensive platform for youth engagement, event management, and career opportunities featuring advanced role-based access control (RBAC). Built with the modern MERN stack and TypeScript, it combines event management, internship opportunities, and gamified user engagement. The platform includes a complete internship management system, XP-based gamification with badges and streaks, professional email monitoring, advanced admin analytics, and modern responsive design. Features include JWT + Google OAuth authentication, QR code ticketing, cloud-based image storage, automated email notifications, and real-time performance tracking.
Clone the repository: `git clone <repository-url> && cd "YoungMinds Club"`
Install backend dependencies: `cd server && npm install`
Create server/.env file with all required environment variables
Install frontend dependencies: `cd ../client && npm install`
Create client/.env file with VITE_API_URL and VITE_CLIENT_URL
Start backend server: `cd server && npm run dev` (port 4000)
Start frontend development server: `cd client && npm run dev` (port 5173)
Access the application at http://localhost:5173
Create admin account and configure initial settings
| Variable | Description | Required |
|---|---|---|
| PORT | Server port number (default: 4000) | Optional |
| NODE_ENV | Environment mode (development/production) | Required |
| MONGODB_URI | MongoDB connection string for database access | Required |
| CLIENT_URL | Frontend application URL for CORS configuration | Required |
| CORS_URL_LIST | Comma-separated list of allowed CORS origins | Required |
| JWT_SECRET | Super secure JWT secret key for token generation | Required |
| JWT_EXPIRES_IN | JWT token expiration time (default: 7d) | Optional |
| GOOGLE_CLIENT_ID | Google OAuth client ID for authentication | Required |
| GOOGLE_CLIENT_SECRET | Google OAuth client secret for authentication | Required |
| GOOGLE_CALLBACK_URL | Google OAuth callback URL for authentication flow | Required |
| CLOUDINARY_CLOUD_NAME | Cloudinary cloud name for image storage and management | Required |
| CLOUDINARY_API_KEY | Cloudinary API key for cloud storage access | Required |
| CLOUDINARY_API_SECRET | Cloudinary API secret for secure cloud operations | Required |
| SMTP_HOST | SMTP server host for email sending (AWS SES recommended) | Required |
| SMTP_PORT | SMTP server port (587 for TLS) | Required |
| EMAIL_USER | SMTP username for email authentication | Required |
| EMAIL_PASS | SMTP password or app password for email service | Required |
Frontend Architecture: React 19 with TypeScript, Vite for builds, modular component structure with admin/, auth/, common/, organizer/, and user/ directories Backend Architecture: Node.js with Express.js, RESTful API design, MongoDB with Mongoose, middleware-based authentication and validation Project Structure: Monorepo with client/ and server/ directories, comprehensive type definitions, service-oriented architecture with controllers, models, routes, and utilities Cloud Services: Cloudinary for media, AWS SES for emails, Google APIs, MongoDB Atlas, Vercel serverless deployment
User Role: Browse events/internships, apply and register, manage profile with XP/badges, track application history, generate QR tickets Organizer Role: Create and manage events/internships, view analytics, handle applications, access organizer dashboard, track performance metrics Admin Role: Comprehensive user management, content moderation with flagging, system announcements, email monitoring dashboard, platform-wide analytics Security Features: JWT authentication, bcrypt password hashing, role validation middleware, audit logging, rate limiting on sensitive endpoints
Event System: Complete lifecycle management, QR code generation, registration tracking, capacity management, featured events, analytics dashboard Internship Platform: Full posting system, application management, compensation tracking (Paid/Unpaid), location types (Remote/On-site/Hybrid), skills matching Application System: Status tracking, automated notifications, third-party integration support, daily analytics tracking Discovery Features: Advanced filtering, search functionality, category-based organization, featured content promotion
XP System: Event registration (+10 XP), attendance (+25 XP), internship application (+15 XP), profile completion (+20 XP), daily login streaks (+5 XP) Badge Progression: Newbie (0-49 XP), Regular (50-149 XP), Champ (150-299 XP), Veteran (300-499 XP), Master (500+ XP) Streak Tracking: Daily login streaks with bonus XP, visual achievement indicators, activity history tracking User Profiles: Comprehensive profile system, organizer application workflow, achievement showcasing, activity analytics
Email Types: Authentication (password reset, setup), event notifications (registration, reminders), internship communications (applications, status updates), administrative emails (organizer approval, announcements) Advanced Monitoring: Real-time delivery tracking, bounce and complaint handling, automatic suppression for problematic addresses, health scoring (0-100) Performance Metrics: >98% delivery rate target, <2% bounce rate, <0.1% complaint rate, professional HTML templates with responsive design Email Analytics: Daily tracking, deliverability insights, performance reporting, rate limiting for spam prevention
Security Features: Input validation with Express Validator, XSS protection, MongoDB injection prevention, CORS protection, secure file uploads Performance Optimization: Code splitting with React lazy loading, database indexing, connection pooling, compression middleware, caching strategies Development Tools: ESLint for code quality, TypeScript for type safety, Nodemon for development, Morgan for request logging Deployment: Vercel serverless functions, environment-based configurations, MongoDB Atlas cloud database, CDN optimization