Crown Hotel App Connection

Crown Hotel App Overview

Explore the details below to learn more about the Crown Hotel project and its implementation. This is a demonstration website and is not intended to represent a real hotel.

Technology Stack
  • Frontend: JavaScript, EJS, HTML5, CSS (Bootstrap 5), DataTables

  • Backend: Node.js with Express and NPM, PostgreSQL

  • Version Control & Tools: GitHub, VS Code

This project was developed collaboratively by a team of three as part of the Web Development module in the MSc Computer Science program, showcasing full-stack development skills and teamwork.

Allen Abraham

Lead on Front End
  • Setup project structure
  • Implement responsive design
  • Develop homepage with information
  • Email & Notification System
  • Reporting & Admin Features
  • Build payment input form

Michael Denmead

Lead on Server Side
  • Set up Node.js server
  • Connect to PostgreSQL database
  • Develop API endpoints
  • Implement booking logic
  • Develop payment functionality

Kris Kilsby

Lead on Systems Implementation
  • Create booking page with date selection
  • Create housekeeping dashboard
  • Develop functionality for modifying existing bookings
  • Security & Data Protection
  • Deployment & Finalisation

The Crown Hotel web application is a full-stack project developed for a Web Development module in the MSc Computer Science program. It demonstrates a complete hotel management system for both guests and staff.

  • Allow customers to explore hotel facilities and local attractions.
  • Check room availability, make bookings, and receive confirmations.
  • Enable staff to check guests in/out, update room status, and manage housekeeping.
  • Generate occupancy and revenue reports for management.
  • Mobile-friendly, responsive, and optimised for usability and efficiency.

The system supports customers, reception staff, housekeeping, and management through dedicated functionality:

  • Customers: View hotel info, book rooms, input payment details, receive confirmation.
  • Reception Staff: Check guests in/out, update room status, process payments.
  • Housekeeping: View rooms needing cleaning, update status.
  • Additional Features: Modify bookings, generate occupancy/revenue reports.

Technical stack:

  • Frontend: HTML5, CSS, JavaScript, Bootstrap 5, DataTables.
  • Backend: Node.js with Express framework.
  • Database: PostgreSQL.
  • Tools: GitHub, VS Code, Trello.
  • Security: Input validation, secure handling of payment data.
  • Responsive Design: Mobile-first, CSS Grid & Flexbox, touch-friendly interactions.

The frontend offers a responsive, interactive interface built with Bootstrap and JavaScript.

  • Staff applications include Reception, Housekeeping, and Management dashboards with intuitive layouts.
  • Interactive elements include booking forms, room status updates, and occupancy reports.
  • Filtering and navigation across modules is optimised for smooth performance.
  • Fully responsive design and accessibility considerations integrated throughout.