/flight-front

FlightApp for Internet Engineering University class

Primary LanguageJavaScriptMIT LicenseMIT

Flight App

App that allow user to search for flight, airport and save it to favorites. Developed for my University Internet Engineering class.

Demo

App is deployed with Heroku LINK

App overview

App is design for auth only use. From the home screen you can either sign in or sign up

Home screen


The sign up form requires valid email, username which doesn't have to be unique for all users, and secure password

Sign up


After successful authentication you can find flights that fit your needs. The flights search requires origin and destination place as an input and deliver all available flights, with price and exact time. Moreover, you can find all airports in Europe capital cities, filtered by city as shown on the photo below.

Airports


After clicking heart icon, airport is added to favorites in user database, so by visiting "Favorites" tab in menu user can see all his favorites airports and flights.

Favorites


Profile tab shows user nickname, avatar and allow to logout, delete account

Favorites

Repository

REPO

Run local

npm install
npm start

Used API

FlightAPI API

Project

LINK

Technologies

  • React
  • ReactRouter
  • State management: ContextAPI + React Hooks
  • MaterialUI