/Hotel_Booking_App

This real time MERN ( MongoDB, Express.Js, React.Js, Node.Js ) stack application includes the facility of booking different hotels with different types of rooms along with multiple services.

Primary LanguageJavaScript

HOTEL BOOKING APP

This real time MERN stack application includes the facility of booking different hotels with different types of rooms along with multiple services.

Dependencies used

For Admin Model :

1. "@emotion/react": "^11.8.1"
2. "@emotion/styled": "^11.8.1"
3. "@mui/icons-material": "^5.4.4"
4. "@mui/material": "^5.4.4"
5. "@mui/x-data-grid": "^5.5.1"
6. "@testing-library/jest-dom": "^5.16.2"
7. "@testing-library/react": "^12.1.3"
8. "@testing-library/user-event": "^13.5.0"
9. "axios": "^0.27.2"
10. "react": "^17.0.2"
11. "react-circular-progressbar": "^2.0.4"
12. "react-dom": "^17.0.2"
13. "react-router-dom": "^6.2.2"
14. "react-scripts": "5.0.0"
15. "recharts": "^2.1.9"
16. "sass": "^1.49.9"
17. "web-vitals": "^2.1.4"

Admin Panel Light Mode :

Admin Panel Light

Admin Panel Dark Mode :

Admin Panel Dark

For Api Model :

1. "bcryptjs": "^2.4.3"
2. "cookie-parser": "^1.4.6"
3. "cors": "^2.8.5"
4. "dotenv": "^16.4.1"
5. "express": "^4.18.2"
6. "jsonwebtoken": "^9.0.2"
7. "mongoose": "^8.1.1"
8. "nodemon": "^3.0.3"

MongoDB Hotels Dashboard :

MongoDB Hotels

For Client Model :

1. "@fortawesome/fontawesome-svg-core": "^6.1.1"
2. "@fortawesome/free-regular-svg-icons": "^6.1.1"
3. "@fortawesome/free-solid-svg-icons": "^6.1.1"
4. "@fortawesome/react-fontawesome": "^0.1.18"
5. "@testing-library/jest-dom": "^5.16.4"
6. "@testing-library/react": "^13.1.1"
7. "@testing-library/user-event": "^13.5.0"
8. "axios": "^1.6.7"
9. "date-fns": "^2.28.0"
10. "react": "^18.0.0"
11. "react-date-range": "^1.4.0"
12. "react-dom": "^18.0.0"
13. "react-router-dom": "^6.3.0"
14. "react-scripts": "5.0.1"
15. "web-vitals": "^2.1.4"

Hotel Booking App Client Panel :

Client Panel

Steps to use this project for your own use

  1. Clone this project using the command
git clone https://github.com/ArpitAggarwal10/Hotel_Booking_App.git
  1. Now install the necessasry packages using the command
npm || yarn

Note :- Make Sure that you have the node JS Package installed in your computer.

  1. For Starting the Server Run the command

For Admin Model :

cd admin
npm start || yarn start

For Api Model :

cd api
npm start || yarn start

For Client Model :

cd client
npm start || yarn start
  1. Now go to any browser and write the link

For Admin Model :

http://localhost:3001

For Api Model :

http://localhost:8800

For Client Model :

http://localhost:3000

Now your Hotel Booking App will be served on the browser and you can use it as the real time project to book hotel rooms along with multiple services.