An open API service indexing awesome lists of open source software.

https://github.com/balakrishnan-10/hotel-booking-app---frontend

Hotel Booking APP - Frontend
https://github.com/balakrishnan-10/hotel-booking-app---frontend

axios context-api firebase-auth firebasestorage flowbite moment reactcircularprogressbar reacticon reactjs reactrouterdom redux redux-toolkit reduxpersist stripe tailwindcss toast-notifications

Last synced: 3 months ago
JSON representation

Hotel Booking APP - Frontend

Awesome Lists containing this project

README

        

# Hotel Booking APP
A comprehensive hotel booking application built using MERN Stack (MongoDB, Express.js, React.js, and Node.js)

## Vercel URL : https://hotel-booking-app-frontend-snowy.vercel.app/

## Only for Testing Purpose:
* I provide already signIn My Admin url. You can see User functionalities please signout and signin New User.

## Features
* User registration and login functionality
* Hotel listing (price, location, rating)
* Using Firebase to upload images.
* User profile management
* Admin dashboard for hotel management
* Admin CRUD operation (create,read,update,delate)
* User CRUD operation (create,read,update,delate)
* Comment CRUD operation (create,read,update,delate)

## Command & Port Number :
* Start command - **npm run dev**
* Build command - **npm run build**
* Running Port Number - **5173**

## Technology Stack
* Frontend: React.js, Redux, Context, Flowbite, Tailwind Css
* Backend: Node.js, Express.js, MongoDB
* APIs: RESTful APIs

## Future Enhancements
* Implement email verification for users
* Implement rating and review system for hotels

## Packages :
* Firebase
* Redux
* React-Router-Dom
* Toastify
* React Circular Progressbar
* React persist
* React icons
* moment

## Finished Functionalities :
* All Hotel Details
![All Hotel Details](https://github.com/Balakrishnan-10/Hotel-Booking-APP---FRONTEND/blob/main/src/ScreenShots/All%20Hotels.JPG)
* Booking Hotel
![Booking Hotel](https://github.com/Balakrishnan-10/Hotel-Booking-APP---FRONTEND/blob/main/src/ScreenShots/Booking%20Hotel.JPG)
* Compare Hotel
![Compare Hotel](https://github.com/Balakrishnan-10/Hotel-Booking-APP---FRONTEND/blob/main/src/ScreenShots/Compare%20Hotel.JPG)
* Review Hotel
![Review Hotel](https://github.com/Balakrishnan-10/Hotel-Booking-APP---FRONTEND/blob/main/src/ScreenShots/Review%20Hotel.JPG)
* Payment Gateway
![Payment Gateway](https://github.com/Balakrishnan-10/Hotel-Booking-APP---FRONTEND/blob/main/src/ScreenShots/Payment%20Gateway.JPG)
* Transaction Amount
![Transaction Amount](https://github.com/Balakrishnan-10/Hotel-Booking-APP---FRONTEND/blob/main/src/ScreenShots/Transaction.JPG)

## Languages :
javascript


css3


html5

## Library:


react


bootstrap

## Tools & IDE:

git


vscode