MakeMyTrip

This was our project for Unit-6 Construct week at Masai School. Our target was to complete all main functionality of e-commerce website have. We have completed this project in 4 days.

• Click here to see preview of our project.

MakeMyTrip is an Indian online travel company founded in 2000. Headquartered in Gurugram, Haryana, the company provides online travel services including airline tickets, domestic and international holiday packages, hotel reservations, rail, and bus tickets. As of 31 March 2018, they have 14 company-owned travel stores in 14 cities, over 30 franchisee-owned travel stores in 28 cities, and counters in four major airports in India. MakeMyTrip has also numerous international offices in New York, Singapore, Kuala Lumpur, Phuket, Bangkok, and Dubai..

Credits

• Images : makemytrip.com
• Content : makemytrip.com
• UI : Material UI
• References : MDN Docs | W3School

Tech Stack

• HTML 5
• CSS 3
• Javascript
• React JS
• Redux
• Github
• JSON Server

Features

• Login and Sign-in page
• Carouse for product pictures
• Detailed Flights and Hotels preview page
• Filters for custom price
• Sort functions for Higher to Lower price,Lower to Higher price and Search bar for finding the product by it's name.
• Manual slider for product card.
• Booking Flights.

Run Locally

Clone the project

  git clone https://github.com/hellnoid/MakeMyTrip.git

Go to the project directory

  cd MakeMyTrip.git/mmt/

Start the server

  npm run server

Start the frontend

  npm start

Screenshots

Challenges

1. As every journey has some challenges and so was ours. In our team, all of the members were not familiar with each other so it was difficult for all of us to communicate and collaborate, there were some moments where members were not able to communicate with each other and had a conflict and it was hard for everyone to handle these conflicts.

2. Another problem was to merge all of the files in a proper sequence which was again a difficult task for us because while merging and connecting all the pages some of the pages had the same name, and while running the site it was redirecting to some other pages so it was difficult to find the location and to rename the file.

3. As the navbar and footer were common for all the pages so we copied both of them in a single folder and imported them in every code, this was a kind of new method for us and we struggled while doing this step.

4. We faced challenges with CSS tags and class also, because when we merged CSS files for any page in which 2-3 members have worked, sometimes tags were colliding because of the same names of tags and classes.

Team

• Akash Patel
• Md Ehtesham
• Mohit Soni
• Manoranjan Sethi
• Rishab Kumar

Authors

• @Manoranjan Sethi