# SkySearch – Google Flight React App Clone Welcome to **SkySearch**, a modern flight search application built with React and Vite. This project is a fully functional clone inspired by Google Flights, designed and developed entirely by me to showcase my skills in frontend engineering, API integration, and user experience design. ## Key Features - **Intuitive Search Form:** Users can search for flights by entering origin, destination, dates, trip type, and passenger count. The form uses smart defaults and validation for a seamless experience. - **Live Airport Autocomplete:** The airport input fields fetch real-time data from an external API, providing instant suggestions and error handling. - **Dynamic Results Page:** Search results are displayed as interactive flight cards, showing airline, flight number, stops, price, and more. Each card includes a booking simulation. - **Routing & State Management:** The app uses React Router for smooth navigation between the home and results pages, passing search data via state. - **Modern UI:** Built with Tailwind CSS for a clean, responsive, and visually appealing interface. - **API Integration:** Real flight and airport data are fetched using a third-party API, demonstrating my ability to work with external services and asynchronous data. ## Why This Project Stands Out - **End-to-End Ownership:** I designed, coded, and tested every aspect of this app, from UI/UX to API logic. - **Real-World Problem Solving:** The app solves a genuine user need—finding flights quickly and easily—using best practices in React development. - **Scalable Architecture:** The codebase is modular, maintainable, and ready for future enhancements like booking, authentication, or advanced filtering. - **Attention to Detail:** Features like debounced search, error handling, and animated UI elements show my commitment to quality and user experience. ## Technologies Used - **React** (with hooks and functional components) - **Vite** (for fast development and HMR) - **Tailwind CSS** (for styling) - **React Router** (for navigation) - **External APIs** (for airport and flight data) --- ## How to Run 1. Clone the repository. 2. Run `npm install` to install dependencies. 3. Start the app with `npm run dev`. 4. Open in your browser and experience SkySearch! --- ## Final Pitch This project demonstrates my ability to build production-ready React applications, integrate APIs, and deliver a polished user experience. I’m excited to present SkySearch and discuss how I can bring this level of quality and innovation to your team. # Flight-App