Code Monkey home page Code Monkey logo

cockpit-online.rohmer.rocks's Introduction

This is an alternative UI for online.cockpit-xp.de approaching to be more modern & data saving than the original.

Motivation

The original UI has many problems like an outdated tech stack, an old school styling but most importantly an absurdly high data consumption. In my case with images of driver and car I measured up to 100mb per minute. This is due to the fact that nearly everthing in it is based on images which are loaded in the original resolution & are loaded again every time the data is updated due to an actively set cache breaker on every image (!!!).

So as I was not willing to increase my already lush mobile data quota, I decided to quickly built this project.

Improvements

  • Modern & responsive UI approach
  • Reduced data footprint
    • Images are compromised & loaded only once while on site
    • Visualization not based on images but simply HTML & CSS
    • Respects data saving mode
  • Only Rerender changed UI elements
  • Fast access to previously visited sessions
  • Navigation between session and slot possible
  • Dark Mode
  • Keep screen on
  • Optional vibration on gas below or above threshold

Still to come

Usage Disclaimer

This UI & the API is built for personal usage & heavily based on the data exposed by online.cockpit-xp.de.

I will try to keep everything up & running but in case of breaking changes to the original API this Project may be down for a while.

Contribution

Feel free to use & fork this project as you like. In case your changes may be relevant or helpful for other users i'd like to encourage you to open a pr or simply get in touch with me.

In case of any problems feel free to open an issue & I will try to answer as quick as possible ๐Ÿ˜‰

Other Clients

There are 2 native clients available for watches using the api of this ui:

  • Tizen / Samsung Watches: repo
  • Garmin Watches: repo

cockpit-online.rohmer.rocks's People

Contributors

mrohmer avatar

Watchers

 avatar

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.