https://github.com/sedatuygur/flightflex

FlightFlex is a responsive app of Google Flights using Next.js, Redux, Material UI and Sky Scrapper API
https://github.com/sedatuygur/flightflex

axios eslint flight flight-management flight-software google-flights javascript material-ui next nextjs prettier react reactjs redux redux-toolkit responsive responsive-design tailwindcss typescript zod

Last synced: about 2 months ago
JSON representation

FlightFlex is a responsive app of Google Flights using Next.js, Redux, Material UI and Sky Scrapper API

• Host: GitHub
• URL: https://github.com/sedatuygur/flightflex
• Owner: SedatUygur
• License: mit
• Created: 2025-02-02T10:13:00.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-05T19:55:48.000Z (over 1 year ago)
• Last Synced: 2025-02-24T13:17:23.447Z (over 1 year ago)
• Topics: axios, eslint, flight, flight-management, flight-software, google-flights, javascript, material-ui, next, nextjs, prettier, react, reactjs, redux, redux-toolkit, responsive, responsive-design, tailwindcss, typescript, zod
• Language: TypeScript
• Homepage: https://flight-flex.vercel.app/
• Size: 180 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          




[![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url]

[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![MIT License][license-shield]][license-url]

[![LinkedIn][linkedin-shield]][linkedin-url]






  
FlightFlex


  


    FlightFlex is a responsive app of Google Flights using Next.js, Redux, Material UI and Sky Scrapper API 

    


    Explore the docs

    


    


    Report Bug

    ·

    Request Feature

  



  Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    


      Getting Started

      


        
Prerequisites

        
Installation

      

    

    
Features

    
Contributing

    
License

    
Contact

    
Acknowledgments

  


## About The Project

FlightFlex is a responsive app of Google Flights using Next.js, Redux, Material UI and Sky Scrapper API

(back to top)


### Built With

[![Nextjs][Nextjs-logo]][Nextjs]

[![React][React-logo]][React]

[![Redux][Redux-logo]][Redux]

[![MUI][MUI-logo]][MUI]

[![TypeScript][TypeScript-logo]][TypeScript]

[![JavaScript][JavaScript-logo]][JavaScript]

(back to top)


## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

Install a package manager e.g npm, yarn, pnpm, bun etc.

### Installation

1. Download or clone my repository

   ```sh

   git clone https://github.com/SedatUygur/flightflex.git

   ```

2. Then, install the project dependencies:

   ```sh

   npm install

   ```

3. You can follow the contribution guidelines to proceed

## Features

- [x] Responsive Design

- [x] Airports Autocomplete

- [x] Airports Picker

- [x] Flight Date Picker

- [x] Passenger Count Picker

- [x] Trip Type Picker

- [x] Search Flights

- [x] List Flights

- [x] Filter Flights

- [x] Sort Flights

- [x] Pagination

- [x] Sticky Header

- [ ] Flight Details

- [ ] Book Flights

- [ ] Flight Booking Confirmation

- [ ] Better Caching Strategy

See the [open issues](https://github.com/SedatUygur/flightflex/issues) for a full list of proposed features (and known issues).

(back to top)


## Contributing

You can follow the contribution guidelines(CONTRIBUTION.md) to contribute. We have issue templates for bug and feature requests.

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

### Top contributors:



  



(back to top)


## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

(back to top)


## Contact

Sedat Uygur - [@sedat-can-uygur](https://www.linkedin.com/in/sedat-can-uygur) - sedat.uygur@outlook.com

Project Link: [https://github.com/SedatUygur/flightflex](https://github.com/SedatUygur/flightflex)

(back to top)


## Acknowledgments

- [Axios](https://axios-http.com/)

- [Day.js](https://day.js.org/)

- [ESLint](https://eslint.org/)

- [husky](https://github.com/typicode/husky)

- [lint-staged](https://github.com/lint-staged/lint-staged)

- [Material UI](https://mui.com/)

- [Next.js](https://nextjs.org/)

- [PostCSS](https://postcss.org/)

- [Prettier](https://prettier.io/)

- [React](https://react.dev/)

- [Redux](https://redux.js.org/)

- [Redux Toolkit](https://redux-toolkit.js.org/)

- [Stylelint](https://stylelint.io/)

- [Tailwind](https://tailwindcss.com/)

- [TypeScript](https://www.typescriptlang.org/)

- [Vite](https://vite.dev/)

- [Zod](https://zod.dev/)

(back to top)


[contributors-shield]: https://img.shields.io/github/contributors/SedatUygur/flightflex.svg?style=for-the-badge

[contributors-url]: https://github.com/SedatUygur/flightflex/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/SedatUygur/flightflex.svg?style=for-the-badge

[forks-url]: https://github.com/SedatUygur/flightflex/network/members

[stars-shield]: https://img.shields.io/github/stars/SedatUygur/flightflex.svg?style=for-the-badge

[stars-url]: https://github.com/SedatUygur/flightflex/stargazers

[issues-shield]: https://img.shields.io/github/issues/SedatUygur/flightflex.svg?style=for-the-badge

[issues-url]: https://github.com/SedatUygur/flightflex/issues

[license-shield]: https://img.shields.io/github/license/SedatUygur/flightflex.svg?style=for-the-badge

[license-url]: https://github.com/SedatUygur/flightflex/blob/main/LICENSE.txt

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://linkedin.com/in/sedat-can-uygur

[product-screenshot]: images/screenshot.png

[TypeScript-logo]: https://ms-vscode.gallerycdn.vsassets.io/extensions/ms-vscode/vscode-typescript-next/5.8.20241203/1733271143236/Microsoft.VisualStudio.Services.Icons.Default

[TypeScript]: https://www.typescriptlang.org/

[Tailwind-logo]: https://tailwindcss.com/_next/static/media/tailwindcss-logotype.a1069bda.svg

[Tailwind]: https://tailwindcss.com/

[JavaScript-logo]: https://static-00.iconduck.com/assets.00/javascript-icon-256x256-0ybhyms4.png

[JavaScript]: https://www.javascript.com/

[Nextjs-logo]: https://gitlab.com/uploads/-/system/project/avatar/18080731/nextjs.png

[Nextjs]: https://nextjs.org/

[React-logo]: https://static-00.iconduck.com/assets.00/react-icon-256x256-2yyldh38.png

[React]: https://react.dev/

[Redux-logo]: https://miro.medium.com/v2/resize:fit:256/1*uII4elorSUwsIA5m1j-o2w.png

[Redux]: https://redux.js.org/

[MUI-logo]: https://www.svgviewer.dev/static-svgs/14213/material-ui.svg

[MUI]: https://mui.com/