Giter Site home page Giter Site logo

kiel-live

This app allows you to view Kiels public transport (busses, bus-stops) in realtime.

build release gitpod

Features

  • View realtime bus positions and bus-stops on map
  • Get realtime information (route, direction, eta) of bus arrivals of a specific bus-stop
  • Add bus-stops to favorites
  • View trip stops of a bus

Screenshots

Screenshots of Kiel-Live Screenshots of Kiel-Live in dark mode

Development

Structure

The project contains following parts:

  • app/: A PWA written with Vue3
  • android-app/: A native android app wrapper of the PWA
  • collectors/*: Multiple agents to scrape data from different apis
  • nats/: The NATS server used as message broker to stream data from collectors to the PWA clients

Gitpod

Open in Gitpod

PWA development

Copy the .env.sample file to .env. For the PWA development you only need to set VITE_NATS_URL. You can set it to wss://api.kiel-live.ju60.de/ to use the production server so you don't need to start your own backend (nats & collectors).

cd app/
pnpm install # install dependencies
pnpm start # start the PWA

Nats & collectors development

Nats is the message broker used to bring data from the collectors to the PWA clients.

To start Nats simply copy the .env.sample file to .env, adjust as needed and run docker-compose up -d.

Kiel Live's Projects

kiel-live icon kiel-live

This app allows you to view live updates of public transport.

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.