LondonTransportApp-TFL-Refactor

This App is searching London Public Transport(TFL) using PostCode. With search History, user login, save bookmark features.
Using the Transport API fetch to get instance data.

A json data base is used to store user account and view history.
Style using material-ui and styled-components library.
PostCode vilidataion with uk-postcode-validator

This project build with:

• React
• React-Leaflet
• Typescript

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Installing

npm i

Run the app

Start the local server for the user database

json-server --watch db/db.json -p 4000

Then start the app with the command

npm run dev

ScreenCap

HomePage

Search (Implement React Model in search, login, create bookmark)

Search Result

Path detail

Click on the map icon of each card, can zoom to detail

Login user function

user can save journey(re-fetch) / bookmark(auto fill search form)