Git Product home page Git Product logo

mrt-badges's Introduction

mrt-badges

A small service rendering the SVG station badges of Singapore MRT stations. You can then use the SVGs in your designs or render them in your website or do anything you want.

Usage

https://mrt-badges.joulev.dev/<station identifier>

where the station identifier is as follows:

  • Each line part of each station starts with the line identifier followed by an optional number
  • Standard transfer stations are separated by :
  • Tap out to transfer stations are separated by -

Read the examples below for more details.

Examples

Lines

  • Thomson–East Coast Line: https://mrt-badges.joulev.dev/TEL

    TEL

Single Line Stations

  • Kent Ridge MRT station: https://mrt-badges.joulev.dev/CC24

    Kent Ridge MRT

  • Founders' Memorial MRT station: https://mrt-badges.joulev.dev/TE22A

    Founders' Memorial MRT

Standard Transfer Interchanges

  • Orchard MRT station: https://mrt-badges.joulev.dev/TE14:NS22 (or NS22:TE14 depending on the order you want)

    Orchard MRT

  • Outram Park MRT station: https://mrt-badges.joulev.dev/EW16:NE3:TE17

    Outram Park MRT

  • Tanah Merah MRT station: https://mrt-badges.joulev.dev/EW4:CG

    Tanah Merah MRT

Tap out to Transfer Interchanges

  • Newton MRT station: https://mrt-badges.joulev.dev/NS21-DT11

    Newton MRT

LRT Stations

  • Sengkang MRT/LRT station: https://mrt-badges.joulev.dev/NE16:STC

    Sengkang MRT

  • Phoenix LRT station: https://mrt-badges.joulev.dev/BP5

    Phoenix LRT

Future Stations

Confirmed lines only, so Seletar Line is not included.

  • Teck Ghee MRT station: https://mrt-badges.joulev.dev/CR12

    Teck Ghee MRT

  • Pasir Ris MRT station: https://mrt-badges.joulev.dev/CP1:CR5:EW1

    Pasir Ris MRT

  • Jurong East MRT station: https://mrt-badges.joulev.dev/JE5:NS1:EW24

    Jurong East MRT

Why not, go wild!

  • Downtown MRT and Marina Bay MRT are within a 15 minute walk so can be treated as one tap out to transfer station: https://mrt-badges.joulev.dev/DT17-NS27:TE20:CE2

    Downtown–Marina Bay MRT

  • Well... https://mrt-badges.joulev.dev/EW1-NS2:NE3-CC4-DT5:TE6:CR7-JS8

    This station doesn't exist

Limitations

  • Does not support a custom colour scheme and additional lines yet

    Woodlands North MRT with future parts

    This may be supported in the future.

  • Does not support "under study" stations (with the dashed border) like this

    Future Sungei Kadut MRT

  • Only supports horizontal for now, so an arbitrary direction like this is not supported

    Tampines MRT

  • The badges do not match 100% with official badges you see on official maps. The reason being we do not have the official vector graphic nor the official font. That said I think the version here should be very close to the official badges already.

Credits

License

  • The source code is MIT licensed.

  • The service at https://mrt-badges.joulev.dev is provided free of charge on a best effort basis, meaning I will try all my best to keep it running but if personal reasons force me to bring it down, I will have to do that. Hence self-hosting is recommended:

    Deploy with Vercel

Development

  • pnpm vercel dev to develop locally at http://localhost:3000

  • pnpm check to run Biome checks

mrt-badges's People

Contributors

joulev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

hozuko-com

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.