arvinthc3000 / ask-bnb-n9-gamma

ask-bnb-n9-gamma created by GitHub Classroom

AskBnB - Hotel Room Booking Frontend Application

AskBnB is an online hotel room booking application. The application is designed for users who are planning to travel to some destination and want to book their stays in advance.

It allows users search and book hotel rooms online based on location, checkin and checkout dates and number of guests.

Welcome! We hope you enjoy this app as much as we enjoyed making it.

Table of Contents

1. Demo
2. Installation
3. Technology Stack
4. Features
5. Environment Variables
6. Authors

Demo

Live Demo

Test Credentials:

• For Booking Rooms
  • Email: [email protected]
  • Password: pesto@123

Installation

• Fork or directly clone this repository to your local machine
• Use the npm command to install dependencies
• Once the dependencies are finished installing, use the npm run start command inside the root directory to open the app in your local browser of choice

Technology Stack

We tried to use a completely modern tech stack while testing out some new technologies that we had never used before. This resulted in a fast, performant, and easily-extensible web app that should be fairly future-proof for the coming next several years. We used:

• Sematic UI React
• React Google Login
• Moment-Range
• Axios
• React Hooks
• React Redux

Features

The application provides the following features -

• Search hotels based on location, checkin and checkout dates and number of guests.
• Present list of available hotels meeting search criteria.
• Select rooms from an available hotel.
• Register and login (both local and Google OAuth2.0).
• Book hotel rooms by making online payment.
• See booking history for logged in user.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_API_URL = Your backend server endpoint

Authors

• Arvinth Chandrashekaran
• Shahid Barbhuiya