/transportation-eta

Web Application shows the transportation Estimated Time of Arrival in Hong Kong

Primary LanguageJavaScript

Hong Kong Transportation Estimated Time of Arrival

React Test

HK Transportation ETA is a web application written by React, an alternative to Mobile App service like App1933 - KMB ‧ LWB, 新巴城巴 CitybusNWFB in Hong Kong.

Inspired by 香港 - 獨立巴士預報 HK Bus ETA

👇 What is HK Transportation ETA?

HK Transportation ETA is a web application that can allow you to search the ETA from KMB, CTB, NWFB, GMB and MTR.

It also allows you to bookmark and group the route based on your preference and sort by the arrival time, so that you will know which transport will arrive earliest.

⭐️ Features

  • Show the transportation with ETA include KMB, CTB, NWFB, Green Minibus and MTR.
  • Combined Route from joint operation Buses.
  • Show the nearby Stops's transportation.
  • Sort by arrival time in bookmark.
  • Real time transportation news.

🚀 Getting Started

Live Product

Installation on IOS

  1. Allow Location Service on iPhone Safari
  2. Open HK Transportation ETA in Safari
  3. Open Safari Settings, allow Location Service for https://eta.willytylee.com
  4. Press Share button
  5. Add to Home Screen

Installation on Android

  1. Allow Location Service on iPhone Chrome
  2. Open HK Transportation ETA in Chrome
  3. Allow Location Service for https://eta.willytylee.com
  4. Go to Settings in Chrome
  5. Add to Home Screen

Adding custom bookmark

Please contact the owner: willytylee@gmail.com

Development

Clone the project and runs the app in the react development mode.

npm install
npm start

Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

🤝 Credits

HK Bus Crawling@2021 for fetch the route information of KMB, NWFB, CTB, GMB and MTR into one single JSON.

DATA.GOV.HK for the data source of the ETA

👨🏿‍💻 About Me

► Website https://www.willytylee.com

► GitHub https://github.com/willytylee/

► Email willytylee@gmail.com

► Facebook https://www.facebook.com/willytylee

► Youtube https://www.youtube.com/c/willyufo

► Instagram https://www.instagram.com/willytylee/