Welcome to the Hotel Booking Web-App, a project built using HTML, CSS, JavaScript, React, Redux, Chakra UI, JSON Server, and React Router. The app allows users to browse and book hotel rooms, leveraging modern web technologies for a seamless experience.
The project is deployed on Vercel and can be accessed at mbalayang.vercel.app.
-
Hotel Listing: Browse through a variety of available hotel rooms with details such as images, amenities, and pricing.
-
Booking: Users can select desired dates, room types, and book hotel rooms.
-
State Management: The project employs Redux for efficient state management, ensuring smooth interactions and updates.
-
Responsive Design: The user interface is designed to be responsive and accessible across various devices.
-
JSON Server Backend: Hotel data is simulated using JSON Server, allowing dynamic content generation.
- HTML, CSS, JavaScript: Building blocks of web development.
- React: JavaScript library for building user interfaces.
- Redux: State management for consistent data handling.
- Chakra UI: Component library for creating modern UIs.
- JSON Server: Simulated backend for handling hotel data.
- React Router: Handling client-side routing.
- Vercel: Deployment platform for web applications.
- Clone the repository:
git clone https://github.com/NITINPANDIT1/Hotel-Booking-Web-App---Mbalayang
- Navigate to the project directory:
cd hotel-booking-web-app
- Install dependencies:
npm install
- Start the JSON Server:
npm run json-server
- Start the development server:
npm start
- Open your web browser and visit:
http://localhost:3000
We welcome contributions to enhance the features and user experience of the Hotel Booking Web-App. To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature-new-feature
- Make your changes and commit them:
git commit -m "Add new feature"
- Push to the branch:
git push origin feature-new-feature
- Create a pull request explaining your changes.
Feel free to contact any of the contributors if you have questions or need assistance regarding specific aspects of the project.