Bangkok Metro

Nowadays, Bangkok has undergone development and transportation has improved to facilitate the needs of the people. However, the train, metro, and subway companies have not collaborated to create an interactive map. Therefore, I have taken the initiative to solve this issue View

Authors

• @nuttikung

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Installation

Install bangkok-metro with pnpm

  cd bangkok-metro
  pnpm install

Tech Stack

Client: React, Material-UI, TailwindCSS, Typescript, CytoscapeJS

Roadmap

• Add more language

• Support Dark theme

• Support Desktop/Ipad/Mobile (Mobile = Ipad)

• Support Yellow Line

Todo

[ ] Memoization with client DB Dexie.js

[x] Draw SVG from Lat,Lng (can interactive with dot as a station, edge as a line)

[x] i18n (English/Thai)

[ ] i18n (Chinese)

[x] Making Desktop UI (Separate with mobile)

[x] Support Pink Line (0.20)

[ ] Change Tech to Rxjs, Context

[ ] Station search need improve on FP programming (Optimization)

[ ] Search should support removing space and case insensitive

[ ] Change theme of project (Need help!)

[ ] Remake route component it's too heavy

Issue

[x] Route preview show not clear

[x] Safari browser got scroll on Y axis

[x] Route highlight path is removed by route detail modal mount and unmount (Fixed by work around)

[x] Route highlight not showing when tap node

Version history

0.20

• Support Pink Line