madneal / Subway Shanghai
Licence: mit
🚆上海地铁线路图PWA，支持离线使用，强烈建议安装Chrome浏览器使用。Subway Shanghai, offline first, it's strongly recommended to use by Chrome.
Stars: ✭ 130
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Subway Shanghai
React Shrine
"Shrine" Progressive Web App sample built with React
Stars: ✭ 322 (+147.69%)
Mutual labels: create-react-app, pwa
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-50%)
Mutual labels: create-react-app, pwa
Generative.fm
A platform for playing generative music in the browser.
Stars: ✭ 1,534 (+1080%)
Mutual labels: pwa
Sample Currency Converter
A sample currency conversion Progressive Web App
Stars: ✭ 119 (-8.46%)
Mutual labels: pwa
Create React App Esbuild
Use esbuild in your create-react-app for faster compilation, development and tests
Stars: ✭ 122 (-6.15%)
Mutual labels: create-react-app
React Mobx State Tree
Create React App with MobX State Tree, Styled Components and GraphQL
Stars: ✭ 127 (-2.31%)
Mutual labels: create-react-app
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-10%)
Mutual labels: pwa
Restsplain
WordPress REST API documentation generator
Stars: ✭ 126 (-3.08%)
Mutual labels: create-react-app
Storefront Integration Sdk
If You like to integrate Vue Storefront - PWA for eCommerce with 3rd party platform, use this SDK
Stars: ✭ 124 (-4.62%)
Mutual labels: pwa
Detoxify App
📱🙅 Generate a fake app to replace any addictive app
Stars: ✭ 122 (-6.15%)
Mutual labels: pwa
Nextjs Pwa Graphql Sql Boilerplate
Next.js serverless PWA with GraphQL (Apollo) + Postgres SQL boilerplate
Stars: ✭ 125 (-3.85%)
Mutual labels: pwa
React Desktops
web桌面操作系统前端UI，用了丰富的mac和win10桌面元素，包括桌面图标、窗口化子页面管理、开始菜单等组件，兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。
Stars: ✭ 120 (-7.69%)
Mutual labels: create-react-app
Wavepad
An experimental synthesizer built using the Web Audio API (PWA).
Stars: ✭ 126 (-3.08%)
Mutual labels: pwa
Uvue
Vue CLI plugin to create universal Vue applications with ease
Stars: ✭ 119 (-8.46%)
Mutual labels: pwa
Reactivetradercloud
Real-time FX trading showcase by Adaptive.
Stars: ✭ 1,664 (+1180%)
Mutual labels: pwa
Service Worker Detector
This extension detects if a website registers a Service Worker.
Stars: ✭ 124 (-4.62%)
Mutual labels: pwa
🚆🚆🚆 Subway Shanghai
The before vesion is based on native js. With the increse of the size of the code, the code become messy. Therefore, the new version is implemented on the basis of create-react-app.
Component structure
The whole map can be seen as a Map component, and deivde it into 4 child components:
- Label: The text infomation of the map, including station name and line name
- Station: Station, including normal station and transfer station
- Line: Subway line
- InfoCard: The most complex component, including timesheet, washroom position information, entrance infomation and elevator information
Run
npm start: Run the app in development mode.
npm decploy: Deploy the build results to gh-pages branch, to display the app.
LICENSE
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].