A simple and user-friendly flight search application built with React, allowing users to search for flights based on their travel preferences.
- Search flights by origin, destination, departure, and return dates.
- Select cabin class (Economy, Premium Economy, Business, First).
- Select the number of passengers (Adults, Children, Infants).
- View real-time flight results.
-
Clone the repository:
git clone https://github.com/mohamedzeina/react-flights.git
-
Navigate to the project folder:
cd react-flights -
Install dependencies:
npm install
-
Configure local environment variables in .env.local:
NEXT_PUBLIC_RAPIDAPI_KEY="YOUR RAPID API KEY" -
Start the development server:
npm run dev
- Enter departure and arrival locations.
- Select travel dates and cabin class.
- Choose the number of passengers.
- Click "Search Flights" to view available options.
This project leverages the Air Scraper API from RapidAPI to fetch real-time flight data. To use the API, follow these steps:
- Sign up at RapidAPI.
- Subscribe to the Air Scraper API.
- Obtain your API key and add it to the environment vairables
- React.js
- Tailwind CSS
- Air Scraper API (RapidAPI)