For sometime I have been using a real-time Formula 1 Live Timing Website called f1.tfeed.net. But I always didn’t quite like the UI of it, its a great website for functionality don’t get me wrong but the UI looks quite “old”. So I decided to write my own Formula 1 Live Timing Dashboard. For now It looks like this:

And with the next GP coming right up, I thought now would be a great time to “release it to the public”.

So here is the f1-dash Website

Its has been In the works for a couple Months now, mainly because I wanted to over engineer it, but failed.

Its also completely free to use, as well as open-source on Github, so If you would like to contribute, feel free.

I hope u like it and have fun using it.

Things Id like to do next are:

  • Race Schedule of Current Seasons and Past Seasons
    • Because of that maybe a replay option of old races
  • Head to Head View
  • Favorite driver Highlighting
  • Position after Pitstop
  • Graphs for Gap and Laptime
  • Write backend in Rust
  • spacebug@feddit.de
    link
    fedilink
    arrow-up
    0
    ·
    1 year ago

    Works really well for me for now, and looks fantastic. Just the team radios sometimes showed a 100% bar and did not play in Safari on the iPad.

    The delay to stream is perfect, maybe save the value to the local storage to save it during reloads?

  • LittleWizard@feddit.de
    link
    fedilink
    arrow-up
    0
    ·
    edit-2
    1 year ago

    I’m currently testing this during qualifying. I have an issue, that all updates stop after a couple of seconds. Is this because your server is overloaded? I tested Firefox and Vivaldi mobile (also using the desktop website).

    I have to say though as long as I got updates, it was mighty impressive. Keep up the great work! I may have to test running the code in my own machine.

    • Slowlydev@programming.devOP
      link
      fedilink
      arrow-up
      0
      ·
      1 year ago

      I deployed a new version of the backend, im gonna test it during the race, if it doesn’t work, I’ll revert to the old version. Let’s see how this goes…