You can view this project on the follwoing link: https://zealous-shirley-afc987.netlify.app/
It was a team project, We were a four member team
Please clicke here to view the presentation video (https://drive.google.com/file/d/1yYTyBw7jCS-Hss2QuhbSLcxfjKnxmxOr/view?usp=sharing)
It took 5 days from 14/01/2022 to 18/01/2022, to build this site from scratch
First Name | Last Name |
---|---|
Utkarsh | Singh |
Md. Sakline | SK |
Jaswant | Chaudhary |
Suryakant |
- React
- React-redux(Thunks, ApplyMiddleware)
- Fetch
- JavaScript
- HTML
- Material UI
- Slide from react-slide-shadow(Horizontal image slider
- CSS
- Styled-Component
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 |
- 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
- 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.