The website makes booking accommodations while traveling easier. The website includes client-side functionalities such as viewing hotels, searching for hotels, logging in, and registering an account. On the admin-side, the owner can add/edit/delete rooms, track revenue, and monitor occupied rooms.

*Note: Please open link server-side first.

• Server side: Link
• Client side: Link
• Admin side: Link
• Client-role account: email: [email protected], password: 12345
• Admin-role account: email: [email protected], password: 12345

• Directory: Server
• Features:
  • Building api server (MVC model) - CRUD operations
  • Generating schema models
  • Session-cookie to store data login user.
  • Authenticating based on user role.
  • Connect and manage data on MongoDB

• Directory: Client App
• Features:
  • Developing Login/Sign up page
  • Home page, Search page, Detail product page
  • Search page was build on logic to check available room based on date range input, amount of people.
  • Redux/Redux Toolkit to store some
  • React-router
  • See history of transactions

• Directory: Admin App
• Features:
  • Login page - authenticate role admin.
  • Dash-board to summarize data.
  • Create/Update/Delete Hotel, Room
  • Show all transactions on system
  • User Page - manage and set role for user

• MongoDB
• NodeJS
• npm

• Access src/util/url.js, change root to 'http:https://localhost:5000' (domain of server on port 5000).

$ cd  client      // go to client folder
$ yarn # or npm i     // install packages
$ npm start     // run it locally

• Access ./src/utils/url.js, change root to 'http:https://localhost:5000' (domain of server on port 5000).

$ cd  Admin App      // go to client folder
$ yarn # or npm i     // install packages
$ npm start     // run it locally

• Access ./src/utils/url.js, change root to 'http:https://localhost:5000' (domain of server on port 5000).

$ cd  Admin App      // go to client folder
$ yarn # or npm i     // install packages
$ npm run start:dev     // run it locally