Booking App

Booking App

A simple booking hotel website. You can view all hotel by Type or City and Rating. Login and place order for your vacation. When you come to Admin page, you can manage hotel and room and view all transactions. The demo apps was deployed on Render and Firebase.

Technologies

Technologies used: MongoDB, Express, ReactJS, NodeJS, React Router, Redux toolkit.

Launch demo

*Note: Please open link back-end first.

• ClientApp (Firebase) : Link
• AdminApp (Firebase) : Link
• Back-end (Render) : Link
• Client Account: account: user , password: 123456
• Admin Account: account: admin , password: 123456

Project Breakdown

Server

• Directory: Server
• Features:
  • Building api server (MVC model) - CRUD operations
  • Generating schema models
  • JWT Authentication

Client App

• Directory: Client
• Features:
  • Home page, Login/sign up page
  • Hotel page by type, Hotel page by city
  • Booking page, Transaction page,Checkout page
  • Disable room booked
  • Search hotel by name and room available
  • View all transactions history

Admin App

• Directory: Admin
• Features:
  • Login page - authenticate for role admin
  • Dashboard to summarize data
  • Show all transactions
  • Create/Update/Delete hotel/room
  • Cancel delete hotel/room if it booked
  • Update transaction status every time

Node version

• Node -v 18.17.1
• Npm -v 9.6.7

Source code

• ClientApp: https://github.com/vutran221097/booking-client
• AdminApp: https://github.com/vutran221097/booking-admin
• ServerApp: https://github.com/vutran221097/booking-server

Clone or download the Booking App from source code

Client-side usage(PORT: 3000)

• Url: http://localhost:3000
• Change backend url to http://localhost:5000 in config.server.js if you want to run local

$ yarn # or npm i    // npm install packages
$ npm start       // run it locally

Admin usage(PORT: 3001)

• Url: http://localhost:3001
• Change backend url to http://localhost:5000 in config.server.js if you want to run local

$ yarn # or npm i    // npm install packages
$ npm start       // run it locally

Server-side usage(PORT: 5000)

• Url: http://localhost:5000

$ npm i       // npm install packages
$ npm start // run it locally