This is a submission for the DEV Weekend Challenge: Community
The Community
Every university is a living, breathing community — students chasing opportunities, clubs organizing events, departments running workshops, and administrators trying to keep it all together. But behind the scenes, there's chaos.
Event announcements get buried in email threads. WhatsApp groups flood with noise. Notice boards go unread. A student misses a hackathon they would've loved. A club struggles to fill seats for a talk they spent weeks planning. An administrator has no idea what's happening across campus on any given week.
CampusConnect was built for this community — the students, organizers, and administrators who make up campus life at universities and colleges. Three groups with different needs, all underserved by scattered, disconnected tools.
What I Built
CampusConnect is a comprehensive event management and campus engagement platform that unifies the entire campus event lifecycle in one place.
Instead of juggling WhatsApp forwards, Gmail threads, and dusty notice boards, every stakeholder gets a tailored experience:
The CampusConnect home page — your campus, all in one place
🧑🎓 Students get a clean event discovery feed, one-click registration, a personal dashboard tracking their upcoming schedules, real-time notifications, post-event digital certificates, and Google Calendar integration so they never miss anything.
Personal dashboard — upcoming events, registrations, and certificates in one place
Students can chat with other participants registered for events and ask queries to organisers
🎭 Organizers (clubs, societies, departments) get full event creation and management tools, live participant tracking, dashboard analytics on event performance, and automated communication to all registered attendees.
Organizers get real-time analytics and participant management tools
🛡️ Administrators get a moderation layer to review and approve events, manage organizer permissions, and view platform-wide analytics — giving them the oversight they need without micromanaging.
Administrators can approve, reject, and oversee all campus activity
🌐 Bonus: Integrated multilingual support via Lingo.dev automatically translates event descriptions and UI content, making the platform accessible to diverse student bodies. An Activity Toolkit (Calendar View, Event Highlights, Agenda Timeline) keeps everyone structured.
The result: no more missed opportunities. No more half-empty events. No more scattered information.
Demo
🌐 Live App → campus-connect-o8vl.vercel.app
The demo walks through all three user roles — student discovery & registration, organizer event management, and admin moderation — showing the full event lifecycle end-to-end.
Code
Keshav833
/
CampusConnect
CampusConnect is a comprehensive event management and campus engagement platform designed to bridge the gap between students, organizers, and administrators.
CampusConnect is a comprehensive event management and campus engagement platform designed to bridge the gap between students, organizers, and administrators. It provides a seamless experience for discovering events, managing registrations, and fostering a vibrant campus community.
🚀 Problem Statement
Campus event information is often scattered across WhatsApp groups, notice boards, and emails. Students miss opportunities due to lack of awareness, while organizers struggle with visibility and participant management.
💡 Solution
Campus Connect provides a unified platform where:
- Organizers can create and manage events effortlessly.
- Admins verify and approve submissions to maintain quality.
- Students discover and register for events seamlessly.
- Real-time Reminders and notifications keep everyone synchronized.
🚀 Key Features
🎓 For Students
- Event Discovery: Browse and search for a wide range of campus events.
- Easy Registration: Register for events with just a few clicks.
- Personal Dashboard: Track your registrations, certificates, and upcoming schedules.
- Real-time Notifications: Stay updated with instant alerts…
How I Built It
CampusConnect is a modern, full-stack web application built with a strong emphasis on real-time interactivity and scalability.
Frontend:
- React + Vite — fast, component-driven UI with a snappy developer experience
- Tailwind CSS — utility-first styling that kept the UI consistent across all three user dashboards
- Framer Motion — smooth animations that make the experience feel polished, not clunky
- Lucide Icons — clean, consistent iconography throughout
Backend:
- Node.js + Express.js — RESTful API powering all business logic across roles
- MongoDB + Mongoose — flexible document store, perfect for dynamic event schemas and user data
- Socket.io — real-time engine powering instant notifications when new events are posted or updates are made
Authentication & Security:
- JWT (JSON Web Tokens) for stateless, secure session management
- Google OAuth for frictionless sign-in — no new passwords to remember
Internationalization:
- Lingo.dev for automated multilingual support, translating UI content and event descriptions dynamically
The biggest challenge was designing the role-based architecture cleanly — students, organizers, and admins all needed fundamentally different dashboards and permissions, but they share the same underlying data. Getting that separation right without over-engineering it took real thought.
What's next: I'm planning to add an AI-powered event recommendation engine, digital check-ins via QR codes, automated venue booking, and a WhatsApp bot integration — because if events are being announced on WhatsApp anyway, let's make it work for us.
Built with ❤️ for campus communities everywhere. If you're at a university and this resonates, I'd love to hear how your campus handles event chaos — drop a comment below!
Top comments (0)