fiery-portal

byMini Rj

Build a full-stack College Event Registration Portal. Stack: * React (Vite) * Node.js + Express * MongoDB * JWT Authentication * Custom CSS only (no Bootstrap, Tailwind, Material UI) Roles: Admin: * Login (admin / inspirante2026) * Create events * View all events * View registration count * View registrations for an event Student: * Login using hardcoded users * View upcoming events * Register for events * View own registrations Features: * Event fields: name, date, venue, capacity * Prevent duplicate registration * Disable registration when capacity is full * Show "Full" badge * Student event list sorted by date ascending * Admin cannot register for events * Display capacity fill percentage: * <50% Green * 50–79% Amber * 80%+ Red API Requirements: * All routes start with /api * Proper REST API * JWT protected routes * Proper error handling * Try/catch in all API calls Database Collections: * users * events * registrations Seed Data: * 11 student accounts * 5 sample events Generate: * Complete folder structure * Frontend and backend code * MongoDB models * Seed script * README.md * DECISIONS.md * .env.example * Setup instructions Create a clean, modular, internship-quality project.

LandingLogin
Landing

Comments (0)

No comments yet. Be the first!

Architecture

Service Dependenciesv2
Auth
Storage
Backend :5000
Frontend :5173
Client
JWT Auth
MongoDB :27017
Express Server
React App (Vite)
Browser
Landing design preview
Landing: View Portal
Login: Admin Sign In
Dashboard: View All Events
Dashboard: Create Event
Events: View Event List
Events: Check Registration Count
Registrations: View Event Registrations
Events: Monitor Capacity
Settings: Manage Portal