🏨 HostelSync | Intelligent Living Management
A next-generation Hostel Management System that blends modern Glassmorphism UI with AI-driven predictive analysis for smarter student living.
🌐 Live Demo
🚀 Click Here to View Live Dashboard
⚡ Project Vision
Hostel management is often stuck in the past with clunky spreadsheets and outdated software. HMS aims to disrupt this by introducing:
- Glassmorphism UX: A modern, aesthetic interface that reduces eye strain.
- Data-Driven Decisions: Admin dashboards that don't just show data, but analyze it.
- Future AI Integration: Moving beyond CRUD to predictive algorithms for resource management.
🛠️ Tech Stack
This project utilizes a modern, performance-first stack:
| Component | Technology |
|---|---|
| Frontend | |
| Styling | Glassmorphism, Flexbox, CSS Grid (Bento Box Layout) |
| Icons | |
| Deployment |
🧠 Key Features (MVP)
🔹 Current Deployment
- Interactive Dashboard: Real-time visualization of student counts, occupancy, and financials.
- Bento Grid Layout: Modular UI design for responsiveness.
- Smart Mess Integration: UI placeholders for food wastage tracking.
- Role-Based Views: Distinct visual hierarchy for Admin tasks.
🔮 Roadmap (Future AI Implementation)
- [ ] Wastage Prediction Engine: Analyzing mess data to predict food requirements.
- [ ] Roommate Match-Making: Compatibility algorithms for assigning rooms.
- [ ] Sentiment Analysis: Auto-prioritizing student complaints based on urgency/tone.
📂 Installation
To run this project locally on your machine:
# 1. Clone the repository
git clone [https://prakharsaxena230706-hub.github.io/Hostel-Managment-System/index.html](https://prakharsaxena230706-hub.github.io/Hostel-Managment-System/index.html)
# 2. Navigate to directory
cd HostelSync
# 3. Open index.html in your browser
# (Or use Live Server in VS Code)
Log in or sign up for Devpost to join the conversation.