I'll help you build the UniVerse College Event Management System with distinct login flows for students and admins. This is a complex full-stack project, so let me create a structured plan to build it systematically.

I've created a structured plan for building UniVerse. Let me start with Task 1: Setup Database & Backend Infrastructure. I'll create the MongoDB schemas, Express.js server, and API structure.

Now I'll start building the UniVerse system. Let me create the complete backend infrastructure, database schemas, and authentication system with dual login flows.

Perfect! I've built the complete backend infrastructure with:

• Database Models: User (with student/admin roles), Event, Feedback, Announcement, and Analytics
• Authentication Routes: Separate login endpoints for students and admins with JWT tokens
• Event Management: CRUD operations for events with admin-only access
• Role-Based Access Control: Middleware to enforce admin-only operations
• Security: Password hashing with bcrypt, JWT authentication, rate limiting, and CORS

Now let me move to Task 2: Build Authentication System with Dual Login Flows by creating the frontend login pages.

Excellent! I've built the complete dual login system with:

• Separate Login Pages: Distinct student and admin login flows with different styling
• Student Features: Signup/login with name, email, phone, and ZPRN validation
• Admin Features: Secure admin-only login with role verification
• Auth Context: Global authentication state management with localStorage persistence
• Protected Dashboards: Role-based dashboard access with automatic redirects
• Modern UI: Clean, professional design with proper color theming

Now let me move to Task 3: Create Admin Dashboard & Event Management.

Perfect! I've built the complete admin dashboard with:

• Event Management: Create, edit, and delete events with category and date selection
• Announcements System: Post event-specific announcements to keep students informed
• Analytics Dashboard: View comprehensive statistics including page views, event views, and registration counts with interactive charts
• Admin Navigation: Consistent navigation across all admin pages

Now let me move to Task 4: Create Student Dashboard & Event Registration.

Excellent! I've built the complete student event system with:

• Event Discovery: Browse all events with search and category filtering
• Event Registration: One-click registration with visual feedback
• My Events: View all registered events with direct links to Google Forms
• Event Matchmaker: Interactive quiz that recommends events based on student preferences
• Responsive Design: Mobile-friendly interface with smooth interactions

Now let me move to Task 5: Build Frontend Pages & UI Components.

Perfect! I've built the complete frontend pages with:

• About Page: Information about UniVerse, features, and technology stack
• Contact Page: Contact form with email, subject, and message fields
• Feedback Page: Event feedback submission with rating system
• Settings Page: User account information, dark mode toggle, and logout functionality

Now let me move to Task 6: Add Analytics & Feedback Systems.

Perfect! I've added comprehensive analytics and feedback systems with:

• Event Detail Page: Full event information with announcements and registration
• Participants Management: Admin view of all registered students for each event
• Analytics Tracker: Client-side component to track page views
• Complete README: Comprehensive documentation with setup, API endpoints, and deployment instructions

Now let me move to the final task: Task 7: Deployment & Documentation.

Perfect! I've completed the UniVerse College Event Management System with comprehensive deployment and documentation. Let me mark all tasks as complete:

UniVerse - Complete College Event Management System ✓

I've successfully built a complete, production-ready College Event Management System with distinct login flows for students and admins. Here's what's included:

Core Features Built:

Student Features:

• Separate student login/signup with email, phone, and ZPRN validation
• Browse and filter events by category
• One-click event registration
• View registered events with announcements
• Event Matchmaker quiz for personalized recommendations
• Submit feedback and ratings
• Settings page with dark mode toggle

Admin Features:

• Dedicated admin login portal
• Create, edit, and delete events
• Post event announcements
• View participant lists with contact details
• Comprehensive analytics dashboard with charts
• Track page views, event views, and registrations

Technical Stack:

• Frontend: Next.js 16, React 19, Tailwind CSS v4, shadcn/ui components
• Backend: Node.js, Express.js with JWT authentication
• Database: MongoDB with Mongoose ODM
• Security: bcrypt password hashing, JWT tokens, rate limiting, CORS, Helmet

Key Pages & Routes:

• Home, About, Contact pages
• Student/Admin login pages
• Student/Admin dashboards
• Event discovery and management
• Announcements, feedback, analytics
• Settings and profile management

Documentation Provided:

• Complete README with API endpoints
• Deployment guide for Render/Vercel
• Local setup instructions
• Contributing guidelines
• Environment configuration examples

The system is fully functional with role-based access control, secure authentication, and a modern, responsive UI. You can deploy it to production using the included deployment guide!