https://github.com/s123dhara/hostel-management-system-using-laravel-livewire-tailwind-alpinejs

This Hostel Management System is a full-featured web application built using the TALL Stack (Tailwind CSS, Alpine.js, Laravel, and Livewire). It is designed to simplify and streamline hostel management tasks, providing an intuitive interface for both hostel administrators and residents.
https://github.com/s123dhara/hostel-management-system-using-laravel-livewire-tailwind-alpinejs

alpinejs laravel livewire php tailwind

Last synced: 12 days ago
JSON representation

This Hostel Management System is a full-featured web application built using the TALL Stack (Tailwind CSS, Alpine.js, Laravel, and Livewire). It is designed to simplify and streamline hostel management tasks, providing an intuitive interface for both hostel administrators and residents.

• Host: GitHub
• URL: https://github.com/s123dhara/hostel-management-system-using-laravel-livewire-tailwind-alpinejs
• Owner: s123dhara
• Created: 2024-10-22T04:37:12.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-22T05:13:26.000Z (2 months ago)
• Last Synced: 2024-10-24T11:20:46.613Z (2 months ago)
• Topics: alpinejs, laravel, livewire, php, tailwind
• Language: Blade
• Homepage:
• Size: 495 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# HOSTEL MANAGEMENT SYSTEM

This Hostel Management System is a full-featured web application built using the TALL Stack (Tailwind CSS, Alpine.js, Laravel, and Livewire). It is designed to simplify and streamline hostel management tasks, providing an intuitive interface for both hostel administrators and residents.

The system allows for efficient management of hostel-related activities such as room allocation, resident records, payment tracking, and more. It leverages the modern web development capabilities of the TALL Stack to create a reactive, fast, and visually appealing user experience.

## Key & Features

Room Allocation Management:

- ## Create, view, and assign rooms to residents:

  - Room availability tracking and status updates

  - Configurable room categories (e.g., single, double, deluxe)

  - Resident Information Management:

 - ## Add and manage resident profiles with detailed information

    - Track residency duration, room history, and associated payments

- ## Payment Tracking and Billing [## This is Under Development Section ]:

  - Record payments and issue bills/invoices

  - Real-time updates on payment statuses (paid/unpaid)

  - Payment history for each resident

- ## Announcements & Notices:

  - Create and publish announcements or important notices

  - Role-based access for hostel staff to manage announcements

  - Maintenance Requests:

- ## Residents can file maintenance requests via their dashboard

   - Administrators can track and manage pending and resolved requests

   - Authentication and Role-based Access Control (RBAC):

- ## Secure login with user roles (admin, resident, staff)

  - Access control for different functionalities based on roles

  

- ## Dashboard Analytics:

 - Visual representation of room occupancy rates

 - Payment summaries, pending requests, and other useful statistics

## Tech Stack

- Tailwind CSS: Responsive and utility-first CSS framework to ensure a modern, mobile-friendly user interface.

- Alpine.js: Minimal JavaScript framework for handling frontend interactivity without the need for large libraries.

- Laravel: Robust PHP framework for backend development, featuring Eloquent ORM, routing, and secure user authentication.

- Livewire: Dynamic, real-time updates to the user interface without leaving the simplicity of Laravel’s backend.

## Output 

- Home page of Hostel

  ## LIGHT MODE 

![image](https://github.com/user-attachments/assets/b4228d72-e06c-4cbb-9692-8738aa2f0ae4)

  ## DARK MODE

   ![image](https://github.com/user-attachments/assets/5a6f1807-3f7f-4bd6-a37f-6c2f91ad921d)

- Login/ Register page of User

- ![image](https://github.com/user-attachments/assets/e6cb7696-76df-49c1-8ef7-e2eec4fa2b60)

- ![image](https://github.com/user-attachments/assets/611c97de-3996-4b39-ae86-009ad4f6e4ef)

- Login/ Register page of Admin

- ![image](https://github.com/user-attachments/assets/af40723a-3292-4a2c-b66e-9340b8577f4b)

- Admin panel 

![image](https://github.com/user-attachments/assets/152b30dd-82f4-4412-aecb-6b9541d048ee)

![image](https://github.com/user-attachments/assets/f02e9278-9c61-4a2f-ba3e-35cb82ec3c9a)

- Room managment 

![image](https://github.com/user-attachments/assets/aed2f0d7-0e50-4fd3-ac51-1160ee8d7470)

- student Managment

  - In Developement

  - 

 ## and Etc check in github Link : https://github.com/s123dhara/Hostel-Management-System-Using-PHP-and-MySQL

## Installation

Install my-project with Xampp

# First Install Xampp with Php Version 8.2

```bash

  Open Browser and write : localhost/hms

```

# For Database Connection

```bash

  I Have uploaded hms.sql file. First Download it and Import it in Phpmyadmin. 

## Feedback

If you have any feedback, please reach out to us at [email protected]