Sky Hopper is a flight booking website that allows users to search and book flights conveniently. It provides a user-friendly interface to browse available flights, select seats, and make bookings. This README provides an overview of the project, installation instructions, and usage guidelines.
- Flight search: Users can search for flights based on departure and destination airports, dates, and other search criteria.
- Seat selection: Users can select their preferred seats during the booking process.
- Booking confirmation: Users receive a confirmation message after successfully booking a flight.
- User authentication: Users can create accounts, log in, and manage their bookings.
- Front-end: React, HTML, CSS, Typescript
- Lottie: For displaying animations
- Reduxjs/toolkit: For state management
- React-toastify: For notifications
- React-router: For routing between different pages
- apexcharts: For dynamic charts
- firebase: For Login authentication
- Framer-motion: transition effects between pages.
-
Clone the repository:
-
Navigate to the project directory:
-
Install dependencies:
-
Run server with: npm start dev
-
Open your web browser and access the application at
http://localhost:5173/
.
- Sign up or log in to your account.
- Go to Admin Login for dashboard view
- Search flight
- Select your preferred flight.
- Confirm your booking.
- Receive a confirmation message for your successful booking.
This project is licensed under the MIT License.
- Lottie Files - For providing the animated graphics used in the application.
- FontAwesome - For the icon used in the application.
- SeatMaps - For the aircraft cabin seating used in the application.