Trip To Heaven
The project is a clone of the MakeMyTrip website, which is a popular travel booking platform. The team's objective was to showcase their proficiency in various web development technologies, including HTML, CSS, JavaScript, React, Redux, and Json-Server.
Overview
Trip To Heaven is a clone of the MakeMyTrip website created by a team of 5 developers. The purpose of this project is to showcase their skills and knowledge in HTML, CSS, JavaScript, React, Redux, and Json-Server. The project includes various features such as a landing page, login and signup functionality, flight and hotel details, search functionality, sorting and filtering, booking functionality, cart section, and an admin panel. The project has been deployed using Vercel.
Features
- Landing Page: Users are greeted with an appealing landing page that showcases the project.
- Login and Signup Via Firebase (OTP): Users can create an account and login using their mobile number and receive an OTP for verification.
- View Details of Flights, Hotels: Users can view detailed information about flights and hotels.
- Search for Flights, Hotels, and Holiday Packages: Users can search for flights, hotels, and holiday packages based on their preferences.
- Sorting & Filtering and Searching: Users can sort and filter the search results and perform a search within the available options.
- Book Flights, Hotels: Users can book flights and hotels directly within the application.
- Cart Section: Users have access to a cart section where they can manage their bookings.
- Admin Panel: The application includes an admin panel for managing the backend and making necessary changes.
Summary
Trip To Heaven is a clone of the MakeMyTrip website created by a team of 5 developers. It showcases their skills and knowledge in HTML, CSS, JavaScript, React, Redux, and Json-Server. The project includes various features such as a landing page, login and signup functionality, flight and hotel details, search functionality, sorting and filtering, booking functionality, cart section, and an admin panel. The project can be installed and run locally for testing and development purposes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.