OYO-PROJECT

Project is deployed on Netlify

You can view this project on the follwoing link: https://zealous-shirley-afc987.netlify.app/
The main repository is in other team members github you can check:: https://github.com/jchy/OYO-Clone.git

It was a team project, We were a four member team

Duration of the project

It took 5 days from 14/01/2022 to 18/01/2022, to build this site from scratch

List of team members

First Name	Last Name
Utkarsh	Singh
Md. Sakline	SK
Jaswant	Chaudhary
Suryakant

Tech Stacks Used

Following tech stacks have been used

• React
• React-redux(Thunks, ApplyMiddleware)
• Fetch
• JavaScript
• HTML
• Material UI
• Slide from react-slide-shadow(Horizontal image slider
• CSS
• Styled-Component

Commands to execute the project

Command	Description
git clone https://github.com/jchy/OYO-Clone.git	It will clone this project repository on your local desktop
cd OYO-Clone	Navigate inside the OYO-Clone App
cd oyo-repo-by-jchy	Navigate inside the react app
npm install	It will install all the required dependencies to run the project
npm run start	It will run the project on your local server

Features of the project

This project has the following features

• User can Login by validating through mock-server API
• User can Signup using API request and saving user data at the server
• User can Search the OYO Hotel rooms in different cities like Bangalore, Delhi, Gurgaon, Mumbai and Nagpur from the json database
• Hotel rooms data will be fetched from mock server using fetch request
• User can Sort the search results by popularity, Guest Rating, Price Low_to_high and High_to_low
• User can search the specific places like Korampur, Keshavpura, Bellundur and Indra Vihar from the searched city results
• User can View the hotel room details from the searched results
• User can select the date range for booking
• User can increase number of guests upto 3 after that increment button will be disabled
• User can decrease the number of guests till 1 is number of guest reamin only 1 decrement button will be disabled
• User can add the number of rooms as per his requirement
• User can delete the number of the rooms if he wishes
• User can click on continue to book button if he wish to proceed with the hotel booking process
• User can modify the boking room
• User can modify the booking details
• If the user will be logged his credential like Name, email and mobile number will be automatically filled up
• User won't be able to check pay if Credit card number is less than 16 digits, Name field has less than 4 characters and date if is past
• User will not be able to login if mail/number is missing or password is less than 4 digits or he enters invalid credentials
• User can view all the previoulsy booked hotel with his id if he will be logged in
• User won't be able to login or signup id mobile number field has less than 10 digits

Sanpshot of the project

1. Login/SignUp Page

2. Home Page

3. Showing results for search "Mumbai"

4. Showing Error message if searched city doesn't exist in our databse

5. Showing details of the Hotel Room

6. Showing price details of the Hotel Room

7. Booking page

8. Payment Page

9. Cities Page

10. Footer of the site

Terms and Conditons for using this project:

• Please do not deploy any webpage at any plateform as we don't have permission from any of the onwer
• You can use it just for personal learning purpose
• If you are an organistaion and using our project to teach your trainee please take permission from us
• Any of the creator of this project (namely: Jaswant Chaudhary, Utkarsh Singh, Md. Sakline SK and Suryakant) will not be responsible if any person from any country is misusing these webpages.
• If you are misusing it or going to publish anywhere then do it on your own risk.