Project Objective

• You will create a MakeMyTrip clone application using HTML, CSS, JavaScript, and React.

Project Context

• It can be time-consuming to browse different airlines, hotels, resorts, etc, to find the best deals and prices. Applications like MakeMyTrip, Kayak, booking.com, etc provide features like quick and easy comparison of not just fares but schedules on many different airlines at a glance, flexible date searches, and multi-airline itineraries, which have really made this experience less time-consuming.
• Through this project, we’ll explore and understand concepts in JavaScript and React.

Tech Stack Prerequisite: HTML, CSS, JavaScript, React

Note on Protected Routes:

• Auth-related APIs are protected (like the checkout Process, and update password), So to use them, follow the instructions properly.
• Remember, for any protected routes, you'll need to include the JWT token in the header:

headers: {
    'Authorization': 'Bearer YOUR_JWT_TOKEN',
    'projectID': 'YOUR_PROJECT_ID'
}

• To know, what is JWT and how JWT works? Watch: What Is JWT and Why Should You Use JWT

• How to Use JWT Authorization Using Postman? Watch: How to Use JWT Authorization

• Every API request must include a 'projectID' in the headers. If it doesn't, the request will be rejected with an error.

  • Project ID here is the hash of the Playground URL
  • Example: https://my.newtonschool.co/playground/project/f104bi07c490
  • Your Corresponding Project ID would be: f104bi07c490
  • Note: These projectID will be unique for each question.

• Kindly refer to the link given below for implementing API: https://drive.google.com/file/d/1K-TiaalOWFYuMd-L3wtHJAkVgW7xyeNI/view

• Step 1: Set up the project

• Step 2: Nav bar