View position of the transports you're waiting for.
Online demo: https://realtimeshuttletracking.netlify.com
git clone https://github.com/guinetn/RealtimeShuttleTracking.git
cd RealtimeShuttleTracking
npm install
npm run serve Will automatically open an express server on http://localhost:1234
Build a release
npm run build
This will generate a release in /dist| Abbr | Name | Description |
|---|---|---|
| SM | Static Marker | A remarkable point on the map (in the app context it's a meeting place between DM & VM) |
| DM | Dynamic Marker | A public transportation on the map. Updated regularly |
| VM | Visitor Marker | Map marker indicating people connected (you appear in red, others in white) |
1. WORKING SKELETON: STATIC ASSETS
- ✔ Display a map (try leaflet, mapbox… ?) - (mapbox choose)
- ✔ Add static markers (SM) on map (bus stop, station...)
- ✔ Fake a dynamic marker (DM): A transport marker to fake a moving transport
- ✔ Watch (tracking) my device position changes on the map (Visitor Marker: VM)
- ✔ Test in on my phone (Smasung A10)..wooo accuracy is 20m...70m...humm...Must display position accuracy
- ☐ VM naming ? device UID availabel: mac addr, tel number ?
2. GO REALTIME
- ✔ Create a DB to store (share) VM positions: firestore, mongodb… ?. Try firebase first
- VM Subscribe/Push:
- ☐ App start: push (update) VM current position to DB in realtime (socket.io, define push frequency: app parameter ?)
- ☐ App stop: remove VM from DB (or remove unseen (unupdated) VM for a while (~ run sometimes a "VM garbage collector")
- ✔ Update VM in DB on the map
- ✔ Sync map with VM in DB
- ☐ Add option for transport driver to be identified (and tracked in DB) a DM
- ☐ Each SM display (on click) the last 3rd times a DM passed around (in a radius of…)
3. BE PROGRESSIVE
- ✔ Pass pwa !
- ✔ Try vanilla service worker...but parcel files hash cause mismatch between original (/src) filename listed in sw.js and hashed file (/dist)
- ✔ Fix with workbox-cli..but want more control on caching
- ✔ Finally works nice with google workbox-build
4. CHERRY ON THE CAKE
- ☐ DM average time between two or N SM = time estimation for VM waiting at SM
- ☐ DM can view how many people are near (radius=?) / have subscribed on SM
- ☐ SM: transportation news
SEO keywords: tracking position suez shuttle
nicolas guinet [email protected]
MIT License, see <LICENSE.md> for details.