Back to Portfolio
// 2025

Step-Inn Hotel Management System

A comprehensive hotel property management system (PMS) for managing rooms, bookings, guests, housekeeping, invoices, and services with real-time analytics and calendar integration.

Full-stackHotel ManagementProperty Management SystemUI/UXWeb ApplicationAPI DevelopmentReal-time Analytics
Visit Website
Step-Inn Hotel Management System

Client

Personal Project / Hotel Industry

Year

2025

My Role

Full-Stack Developer

Duration

3 months

Services

Full-stack, Hotel Management

Technologies

HTML5, CSS3

About the Project

Step-Inn is a full-stack hotel property management system (PMS) built with Django 5.2 and Vue.js 3, designed to streamline hotel operations from booking to checkout. The platform delivers a complete solution for hotel management including room inventory control, guest registration, booking management with automated status updates, housekeeping task coordination, invoice and service management, and comprehensive revenue analytics. The system features two separate frontend applications: a management dashboard (PMS) for hotel staff and a public-facing website for customer bookings. The backend leverages Django REST Framework to deliver a robust RESTful API managing rooms, bookings, guests, services, invoices, housekeeping tasks, and analytics, featuring JWT authentication, role-based access control (Admin, Manager, Receptionist, Housekeeping), automated booking status updates via Celery tasks and cron jobs, and detailed API documentation. The system supports multiple room types (single, double, suite, family, deluxe, presidential) with real-time availability tracking, comprehensive booking lifecycle management (pending, confirmed, checked-in, checked-out, cancelled, no-show), multi-source booking tracking (website, booking.com, Expedia, Agoda, phone, walk-in), and dynamic pricing with tax calculations. The management dashboard features a modern Bootstrap 5 interface with FullCalendar integration for visual booking management, Chart.js visualizations for revenue analytics and occupancy trends, real-time dashboard with key metrics (occupancy rate, current guests, pending tasks, daily revenue), housekeeping staff management with task assignment and WhatsApp integration, detailed booking workflow with check-in/check-out processing, service and invoice item management with automatic calculation, and guest profile management with booking history. The public website enables customers to browse available rooms, check real-time availability, complete multi-step booking process, and view room details and amenities. Key features include automated booking status updates based on check-in/check-out dates, role-based permissions for different staff levels, housekeeping task management with staff assignments and status tracking, revenue analytics with daily/monthly breakdowns and multiple chart types, calendar view with room filtering and status visualization, invoice generation with service charges and tax calculations, and comprehensive guest management with VIP status and preferences. The application is production-ready with SQLite for development and PostgreSQL support for production, WhiteNoise for static file serving, CORS middleware for frontend-backend separation, Gunicorn WSGI server configuration, comprehensive error handling, and scalable architecture supporting Celery for background tasks and Redis for caching.

Key Features

Comprehensive room management with multiple room types
Real-time booking management with automated status updates
Guest profile management with booking history
FullCalendar integration for visual booking schedule
Housekeeping task management with staff assignment
WhatsApp integration for housekeeping staff coordination
Service and invoice item management with automatic calculations
Revenue analytics with Chart.js visualizations
Daily, monthly, and yearly revenue breakdowns
Role-based access control (Admin, Manager, Receptionist, Housekeeping)
JWT authentication and authorization
Multi-source booking tracking (website, OTAs, phone, walk-in)
Automated booking status updates via Celery and cron jobs
Dynamic pricing with tax calculations
Check-in/check-out workflow with room condition tracking
Real-time dashboard with occupancy rates and key metrics
Guest preferences and VIP status management
Emergency contact and passport information tracking
Public booking website for customer reservations
Room availability search and filtering
Responsive Bootstrap 5 UI design
Django Unfold admin interface
RESTful API with comprehensive endpoints
Payment status tracking (pending, partial, paid, refunded)

Tech Stack

HTML5CSS3JavaScriptPythonDjango 5.2Django REST FrameworkPostgreSQLSQLiteRedisCeleryVue.js 3Vue Router 4PiniaVue i18nBootstrap 5AxiosFullCalendarChart.jsVue-ChartjsJWT AuthenticationBootstrap IconsFont AwesomeWhiteNoiseGunicornDjango UnfoldDjango FilterDjango ExtensionsDjango CORS HeadersPillowPython-decoupleFakerFactory BoyStripeVue ToastificationViteESLintPrettier

Project Gallery

Step-Inn Hotel Management System - Image 2
Step-Inn Hotel Management System - Image 3
Step-Inn Hotel Management System - Image 4
Step-Inn Hotel Management System - Image 5
Step-Inn Hotel Management System - Image 6
Step-Inn Hotel Management System - Image 7
Step-Inn Hotel Management System - Image 8
Step-Inn Hotel Management System - Image 9
Step-Inn Hotel Management System - Image 10
Step-Inn Hotel Management System - Image 11
Step-Inn Hotel Management System - Image 12
Step-Inn Hotel Management System - Image 13
Step-Inn Hotel Management System - Image 14
// Like What You See?

Let's create something amazing together

Ready to start your project? Get in touch and let's discuss how I can help bring your vision to life.

Get in Touch