Orbitz.com is a travel fare aggregator website and travel metasearch engine. The website is owned by Orbitz Worldwide, Inc., a subsidiary of Expedia Group. It is headquartered in the Citigroup Center, Chicago, Illinois.
This project is built by us (5 team members) during construct week of unit 5 at Masai School. Netlify link:- https://orbitz-clone-jyotikamal.netlify.app
- Mr. Jyoti Kamal Singh (Team Lead).
- Mr. Roshan Gajanan Arikar
- Ms. Chhavi Srivastava.
- Mr. Sachin Kumar Keshri.
- Mr. Ankit Sangwan .
• Home Page: It contains Navigation bar with different categories and search tab where customer can search for the required Hotel or Destination place. Also footer which provides some information about the company and links to social media handles. Also it shows images of some latest offers.
• Sing-in/Sign-out : From this page user can create his/her own account, without signing in user can not proceed for payments or bookings.
• Hotel Search result : This page fetches data from an api based on your search from home page search bar and shows it on the UI.
• Hotel Details page : This page contains the details of the Hotel which you have choosen from the search result page. From this page user can check Hotel name, ###### • Checkout and payment page : From this page user can finally book their hotel rooms and make payments via credit cards etc.
- HTML
- CSS,Bootstrap, ChakraUi, Material-Ui
- JavaScript - ES6, local Storage, DE-bouncing, Fetch API, Import / Export, Set Interval / Set Timeout.
- API - for signIn and signUp functionality we used https://github.com/masai-school/api-mocker/wiki/Authentication-API
- for search functionality we used https://orbitz-heroku-data.herokuapp.com/hotels
• The signup and sign in pages are designed and its functionality done by Mr. Roshan Gajanan Arikar.
• The Landing page, navigation bar is designed and its functionality is done by Mr. Sachin Kumar Keshri.
• Hotel search Results and sorting page is build and its functionality is done by Ms. Chhavi Srivastava.
• Our code writing style became cleaner as we had to think while writing code that other team members will be reading.
• And also we all learnt to optimise the code with the help of import / Export. We get proficient in using ES6.
• Also we learned about how to conduct meetings efficiently and most importantly how to manage time and we are able to motivate every team member to make him participate actively.
• All the above learning outcome takes us to the result and eventually we complete our task within a week.
If you want to suggest us anything or want to give us feedback then please connect us at [email protected],[email protected], [email protected] ,[email protected] ,
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent