Bringing Your Campus to Your Fingertips!
Problem Statement 11-Design a smart campus infrastructure toolkit
Campus Connect is built to centralize and simplify essential campus operations such as attendance tracking, library management, room and lab booking, event management, news and announcements, and academic notes sharing. It serves students, faculty, and administration by offering a safer, faster, and more connected way to manage daily campus life.
SRK
- Sukjit Singh (github.com/the-sukhsingh) (Frontend Developer)
- Ravneet Kaur (github.com/Ravneetkaur-06) (Backend Developer)
- Komalpreet Kaur (github.com/komal-15-05) (Designer)
- Chose the problem because campus operations are often scattered and inefficient.
- Solved challenges like real-time updates, role-based access, and secure authentication.
- Brainstormed modular feature designs to make expansion easy.
- Frontend: Next.js, React, Tailwind CSS
- Backend: Next.js API routes
- Database: MongoDB
- APIs: Firebase Authentication,
- Hosting: Vercel
- File Storage: Azure Blob Storage
- Notifications: Firebase Cloud Messaging
- ✅ Attendance Tracking: Teachers manually mark attendance; students can view attendance records.
- ✅ Library Management: Search books by title, author, genre; issue and return books easily.
- ✅ Room and Lab Booking: Faculty can book rooms/labs hourly with admin approval and real-time availability checks.
- ✅ Event Management: Faculty and organizers create events with categories, registration, and reminders.
- ✅ News & Announcements: Faculty post announcements with visibility settings, expiry dates, and notifications.
- ✅ Notes Sharing: Faculty and CRs upload categorized notes with preview and download options.
- ✅ User Roles: Admin, Faculty, and Student roles with specific permissions.
- ✅ Notifications: Real-time notifications for events, announcements, and library updates.
- ✅ Safety Notifications: Emergency alerts for students and faculty.
- ✅ PWA: Progressive Web App for offline access and mobile compatibility.
- ✅ Responsive Design: Mobile-first approach for all features.
- Demo Video Link: https://youtu.be/0xxuqiUdxeg
- GitHub Repository: https://github.com/the-sukhsingh/campus-connect
- ✅ Mandatory task: Follow social channels and fill form
- ✅ Bonus Task 1: Share badges and fill the form (2 points)
- ✅ Bonus Task 2: Sign up for Sprint.dev and fill form (3 points)
- MongoDB Atlas account
- Firebase project setup
- API keys for Firebase
- .env file setup
# Clone the repository
git clone https://github.com/your-team/campus-connect
# Install dependencies
cd campus-connect
npm install
# Start the development server
npm run dev- Setup your
.envfile with MongoDB URI, Firebase config, and API keys.
MONGODB_URI=mongodb+srv://<username>:<password>@cluster.mongodb.net/<dbname>?retryWrites=true&w=majority
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=your_measurement_id
FIREBASE_ADMIN_PROJECT_ID=your_project_id
FIREBASE_ADMIN_CLIENT_EMAIL=your_client_email
FIREBASE_ADMIN_PRIVATE_KEY=your_private_key
NEXT_PUBLIC_FIREBASE_VAPID_KEY=your_vapid_key
AZURE_STORAGE_ACCOUNT_NAME=your_account_name
AZURE_STORAGE_ACCOUNT_KEY=your_account_key
AZURE_STORAGE_CONTAINER_NAME=your_container_name- 📈 Add analytics dashboard for faculty and admins to track resource usage and student engagement
- 🛡️ Implement advanced security measures like 2FA and enhance offline capabilities
- 🌐 Expand to support multiple languages for wider accessibility
- 📱 Develop native mobile applications with enhanced offline functionality
- 🤖 Implement AI-powered recommendations for students (notes, books, events)
- Firebase Authentication and Cloud Messaging documentation
- MongoDB Atlas and Mongoose documentation
- Azure Storage Services for file management
- Next.js and React documentation
- Tailwind CSS for responsive UI design
- IndexedDB for offline data storage
- Service Workers for offline functionality
- Open source libraries including React Icons and Geist fonts
Building Campus Connect taught us how to solve real-world organizational problems with technology.
We faced many technical and design challenges, but teamwork, learning, and brainstorming helped us create a product we are proud of!