Department of Information Technology

“CampusConnect - A Unified Platform for Class Communication and Task Management”

TEAM MEMBERS
1. Darshan D
2. Hari Prasanth A
3. Joel Jerald V
4. Gurumoorthy V Under the Guidance
of
Dr. R. ANANDKUMAR
Associate Professor
 Agenda
1. Abstract
2. Introduction
3. Motivation
4. Literature Survey
5. Existing System
6. Problem Statement
7. Proposed System
8. Architecture
9. Modules
10. Results
11. Conclusion
12. Project requirements
13. References
Abstract
The current digital and academic landscape places a critical emphasis on efficient and instantaneous
communication for collaborative work, learning, and social interaction. CampusConnect is a comprehensive
web application meticulously developed to fulfill this critical need within a controlled, secure community,
particularly a college or university campus. CampusConnect successfully demonstrates the integration of real-
time communication technologies with practical organizational tools, creating a unified platform that
enhances campus connectivity. The core technical motivation behind this project was to achieve deep, hands-
on expertise and practical proficiency in the entire MERN (MongoDB, [Link], React, [Link]) stack, with a
specific focus on architecting and implementing complex, real-time functionalities inherent to modern
communication systems.
 Introduction
▪ CampusConnect provides a streamlined and controlled communication environment, ideally suited
for a closed community like a college campus. The application’s core functionality centers on
establishing secure user sessions using JWT (JSON Web Tokens) for authentication, complemented by
bcryptjs for secure password hashing and salting. Frontend data validation is enforced using Regular
Expressions (regex) for critical inputs like email and passwords. The platform achieves real-time
communication through the powerful combination of [Link] (server-side) and [Link]-Client
(client-side).
▪ Beyond basic messaging, CampusConnect integrates several utility features: a personalized To Do List
utilizing local storage, an Event Reminder system exclusive to groups, and administrative controls
within groups for managing members. User profiles include secure photo sharing functionality
achieved through integration with Cloudinary. The application design features a responsive and
themed interface utilizing daisyUI components, providing a modern user experience.
 Motivation
▪ The primary motivation was to acquire hands-on expertise in full-stack development, focusing on the
complex challenges of real-time data exchange, robust user authentication, and effective state
management.

▪ Ultimately, the motivation for this project stems from the growing need for better coordination and
communication within educational institutions. In many colleges and universities, students and
faculty still rely on scattered communication tools such as social media groups, emails, and offline
announcements. This often results in confusion, missed information, and lack of proper task tracking.

▪ CampusConnect aims to empower both students and educators with the tools they need to stay
connected, productive, and engaged in their academic journey.
Literature Survey
A literature survey provides an overview of existing systems, research studies, and technological
solutions related to class communication and task management in educational environments. It helps
identify gaps in current systems and highlights the need for developing an integrated platform like
CampusConnect.

Several existing platforms and tools attempt to facilitate communication and task coordination in
academic institutions. Google Classroom, for example, provides a platform for assignment
distribution and grading, but it lacks features like real-time chat, voice/video communication, and role-
based interaction among faculty and students. Similarly, Microsoft Teams for Education offers
communication and collaboration tools but requires high system resources and is often complex for
smaller institutions to adopt.

Moodle, an open-source Learning Management System (LMS), is widely used for online learning and
course management. However, it focuses primarily on e-learning content delivery and lacks instant
communication and task-tracking integration for day-to-day academic coordination. Other tools such
as Slack and Trello are effective for project collaboration but are not tailored for educational settings,
leading to usability and accessibility challenges among students and teachers.
 Existing systems
In most educational institutions, communication between students, faculty, and administrators is
managed through multiple disconnected platforms or traditional offline methods. Announcements are
typically shared through notice boards, classroom discussions, or messaging apps, while assignments and
academic tasks are handled through emails or third-party tools. This scattered approach often results in
miscommunication, delays, and difficulty in tracking academic activities.
Existing platforms like Google Classroom, Moodle, and Microsoft Teams for Education offer partial
solutions.
▪ Google Classroom allows teachers to assign and collect work digitally, but it lacks a built-in real-time chat
or notification system for instant communication.
▪ Moodle, though customizable, focuses more on e-learning content rather than interactive class
communication and is often complex to manage.
▪ Microsoft Teams for Education integrates chat and video call features but requires higher technical
knowledge and strong internet connectivity, making it less accessible for all users.
 Problem Statement
▪ In most educational institutions, effective communication and task management remain significant
challenges. Students often miss important updates or deadlines due to fragmented communication
channels such as emails, social media groups, and notice boards. This lack of a unified system leads to
confusion, time loss, and reduced productivity in academic environments.

▪ Therefore, there is a need for a centralized, user-friendly platform that enables seamless
communication between students and faculty, organizes academic tasks, and promotes collaboration
within the institution. CampusConnect – A Unified Platform for Class Communication and Task
Management is developed to address these challenges by integrating all essential features into one
cohesive system.
 Proposed System
▪ The proposed CampusConnect system is a unified real-time communication platform built on the
MERN stack, addressing fragmented communication in educational institutions. The system integrates
instant messaging, group collaboration, event management, and task organization within a single
interface.

▪ Core functionality includes WebSocket-based real-time communication through [Link] for

instantaneous message delivery, JWT authentication with bcrypt password hashing for security, and
Cloudinary integration for optimized multimedia handling. The platform features contact
management, direct and group messaging with role-based permissions, automated event reminders
using cron-based scheduling, and personal task management with local storage persistence.

▪ The responsive interface adapts across all devices with customizable themes, while the modular
architecture ensures scalability and future expansion capabilities for educational environments.
Proposed Architecture
Modules Identified
1. Authentication Module 8. Real-Time Communication Module

2. User Profile Management Module 9. User Interface Module

3. Contact Management Module 10. Theme Management Module

4. Direct Messaging Module 11. Media Management Module

5. Group Communication Module

6. Event Management Module

7. Personal Task Management (ToDo) Module

Implementation work
Results-Implementation Screenshots
Conclusions
The core strength of this web application lies in its unified JavaScript ecosystem, which streamlines
development and enables a seamless, real-time experience. On the frontend, React and Zustand
provide a high-performance, component-based architecture with lightweight state management,
while Tailwind CSS ensures rapid, utility-first styling. The backend, built with Express and Mongoose,
offers scalable API handling and structured data interaction with MongoDB. Crucially, the integration
of [Link] (client and server) establishes a reliable, bidirectional communication channel, making
features like instantaneous messaging and presence indicators possible. The holistic design, which
includes collaboration features like To Do lists and event reminders, positions this application as more
than just a chat platform.
Project Requirements
Frontend Backend
▪ HTML (HyperText Markup Language) ▪ [Link]
▪ CSS (Cascading Style Sheets) ▪ Express
▪ React ▪ MongoDB
▪ React Router DOM ▪ bcryptjs
▪ Axios ▪ JSON Web Token
▪ Zustand ▪ Cloudinary
▪ [Link] Client ▪ [Link]
▪ Lucide React ▪ Cookie Parser
▪ React Hot Toast ▪ Mongoose
▪ Tailwind CSS Vite
 References
▪ Kumar, A., Sharma, R., and Patel, M. (2023). "A Survey on Real-Time Communication for Web: Literature Survey on
Real-Time Communication Protocol Selection," International Journal of Web Technologies and Applications, vol. 12, no.
3, pp. 145-162.

▪ Reddy, K., and Lakshmi, S. (2022). "Real Time Chat Box System using MERN: Literature Review on the MERN Stack for
Unified Development," Journal of Computer Science and Engineering, vol. 8, no. 4, pp. 78-89.

▪ Metana Editorial (2023). "Secure Web Apps with Bcrypt & JWT: Password Hashing & Authentication - Literature on
Secure Authentication and Credential Protection," Metana Technical Publications, Available: [Link]
secure-web-apps-bcrypt-jwt/ [Accessed: Oct. 13, 2025].

▪ Paul, S. (2024). "State Management in React: Redux vs Zustand - A Comprehensive Guide on Frontend State
Management for Complex React Apps," Frontend Development Quarterly, vol. 5, no. 2, pp. 34-51.

▪ MoldStud Research Team (2023). "Enhance Team Communication with Event Management Software: Literature on
the Integration of Collaboration Tools," MoldStud Technical Reports, TR-2023-04, Available: [Link]
articles/ [Accessed: Oct. 13, 2025].