/airport-us-locator

Autocomplete searching any airports within US, calculating the distance in Nautical Miles between any two selected airports while drawing the corresponding flying trajectory on Google Map.

Primary LanguageTypeScript

About

This App is used to calculate the distance (in Nautical Miles) between any two Airports in United State. The airports can be searched either via Name or their 3-letter IATA code. The search will be visually shown on the Google Map plugin. The flight trajectory will be drawn via simple polyline.

This App is build with Next.js, React, MUI v5, Redux, Google Map API, AirLabs API.

Built With

Netlify

The application is deployed on Netlify at: https://magenta-lily-18fbbb.netlify.app/

Screenshots

US Airport Locator App Main Page

Getting Started

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.