Hotel Booking Website

Main functions of the website

The website has the following outstanding functions:

Display hotel information: hotel name, address, phone number, email.

Allow room booking/check-in: there is a “Book Your Stay” form with fields “Check In”, “Check Out”, number of rooms, number of adults, children.

Describe room types with detailed information (e.g. “Honeymoon Suite – 60 m², 2 Guests, 1 King Bed” etc.).

Display hotel services & amenities: Wifi, Housekeeper, Laundry, Swimming Pool, Airport Pick-up.

“Rooms”, “Restaurants & Bars” pages – display menu, images, basic prices.

Language and interface: there is an EN / FR (English / French) option on the menu.

🛠 Technology used (estimated)

Under observation:

Website runs over HTTPS, uses a hotel theme/landing page – can be WordPress or equivalent CMS system (WordPress is often a popular choice for hotel websites).

Page has a booking form – can integrate booking plugin or custom form.

Responsive interface (displays well on both desktop and mobile).

UI components such as dropdown to select number of rooms, check-in/out date, suitable for JavaScript/JQuery plugin.

Predicted use of front-end libraries: CSS framework (Bootstrap or equivalent) for responsive layout.

Displaying prices, rooms with images and detailed descriptions – use CMS, database or static data.

Possibility to integrate booking system (back-end) or transfer to specialized booking system (not clear from observation).

💻 How to install/test on a personal computer

If you want to run locally or test this website (or a similar website) on your computer, the steps can be as follows:

Open a browser and access the page: https://pearlhoteltuanchau.online/

→ view the interface, try the Book Your Stay function, switch between Rooms/Restaurants pages.

If you have a backup or source code: download and run locally:

Install the local server environment: XAMPP / MAMP (PHP + MySQL).

Install data (if there is a database) and configure the local domain (hosts) to simulate.

Import the database, reset the database connection configuration in the CMS configuration file.

Point the local domain to the project folder, open in the browser.

Test responsiveness: open with Chrome → Developer Tools → Toggle device toolbar to see the display on mobile/tablet.

Test the form functionality: enter check-in date, check-out date, room number, click “Book Now” → view feedback (go to the booking page or message form).

📱 Device requirements and/or performance notes

For users: A modern web browser (Chrome, Firefox, Edge, Safari) and a stable internet connection. PC, tab or smartphone devices can all access.

For developers/testers: A computer with good configuration to run a local server (CPU fast enough, RAM ≥ 4GB, SSD hard drive is better).

Because the website has large room images, slider banners, it is necessary to optimize images for fast loading (mobile ≤ 3 s).

Check SSL, page loading speed (PageSpeed ​​Insights) to ensure users have a good experience on mobile.