DEV Community

Cover image for CampusConnect – A Role-Based College Management Web App
DHILIP S E
DHILIP S E

Posted on

CampusConnect – A Role-Based College Management Web App

This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Crushing the Command Line
*What I Built 🛠 *
CampusConnect is a college management web application designed to simplify campus operations using a role-based system for Admins, Faculty, and Students.

Built from scratch using HTML, CSS, and JavaScript on the frontend and leveraging localStorage for session management, this prototype addresses the fragmented communication and management systems in educational institutions.

While it is still a work-in-progress, CampusConnect lays the groundwork for a centralized digital ecosystem for college administration.

💡 Problems it Solves:

  • Manual certificate issuing and attendance tracking
  • Lack of digital platform for lost-and-found
  • No proper centralized communication (notifications, materials)
  • Inefficient feedback channels between students and faculty

🚀 Demo
Here's a quick walk-through demo of the current prototype (screenshots + video coming soon):

🖼️ Screenshots:

Image description

Admin dashboard (Add users, Issue certificates)

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Faculty panel (Upload materials, Mark attendance)

Image description

Image description

Image description

Image description

Image description

Student portal (View Attendance, View resources, Feedback)

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Image description

Live Demo :CampusConnect

** Code Repository**
Explore the full code on GitHub:https://github.com/DHILIP-S-E/CampusConnect

Contributions and suggestions are most welcome! Drop a ⭐ if you like the initiative.

How I Used Amazon Q Developer

  • Amazon Q Developer was instrumental in:Speeding up code generation and fixing common JavaScript UI bugs
  • Explaining session handling with localStorage
  • Providing Terraform infrastructure templates for future deployment planning
  • Offering guidance on how to structure role-based access controls
    ⚙️ Insights from Amazon Q:

  • Using Q to iteratively test and debug logic saved hours of frustration

  • It helped prototype how backend integrations could eventually work with Node.js or AWS Lambda.

  • Q even suggested improvements for future UI frameworks (React or Vue)

🔧 Architecture Overview

Component Technology
Frontend HTML, CSS, JavaScript
Session Mgmt localStorage
Infrastructure Terraform (planning)
Hosting Planned: S3 + CloudFront

Current Features
👑 Admin

  1. Add students and faculty
  2. View all students
  3. Manage visitor/event entry logs
  4. Issue certificates
  5. Send notifications

👨‍🏫 Faculty

  1. Upload PDFs/Links for learning
  2. View assigned student list
  3. Mark attendance
  4. Issue academic certificates

🎓 Student

  1. Courses
  2. Study Materials
  3. Attendance
  4. AI Tutor
  5. Wellness Center
  6. Personal Tutorin

⚠️ Current Status

  • CampusConnect is still in early prototype stage. Most features are under construction or very basic.
  • The UI/UX is not production-ready
  • No backend/server logic yet
  • Functionality is limited to local interactions
  • That said, this is the first step in transforming the idea into a fully functional SaaS model for educational institutions.

Because every project starts ugly.
And sharing early is better than waiting for perfection.

If you’ve built something similar or have advice for improving such a system — drop your thoughts, suggestions, or links in the comments!

Let’s grow together 🚀

🧑‍🎓 This submission is made by a student developer passionate about solving real-world campus problems with tech. Feedback and collaboration are warmly welcomed.

🔗 LinkedIn:DHILIP S E

Top comments (0)