🏨 HostelSync | Intelligent Living Management

Project Status License Version

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:

  1. Glassmorphism UX: A modern, aesthetic interface that reduces eye strain.
  2. Data-Driven Decisions: Admin dashboards that don't just show data, but analyze it.
  3. 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 HTML5 CSS3
Styling Glassmorphism, Flexbox, CSS Grid (Bento Box Layout)
Icons FontAwesome
Deployment GitHub Pages

🧠 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)

Built With

Share this project:

Updates