f1-dash | Formula 1 live timing
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
https://f1-dash.vercel.app/Open linkView original on programming.dev
Looks beautiful and released just in time :)!
Yeah I thought, now or never ;)
Awesome!
Thank you I appreciate it :)
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.
Yeah will take a look and thank you (:
Thank you I appreciate it a lot. The mini sectors were a big part of why I wanted to create f1-dash 😅 And the delay feature Is still a bit wonky but I really wanted to add it because its such a bad feeling getting spoilers from the live timing 😂
Okay this great to hear, thanks!
Yeah I also noticed this, definitely something is going wrong. The server was under some use because the backend is hosted on an old desktop of a friend which also runs other game servers, which probably impacted performance.
Yeah go ahead and run it on your own machine, all you need is bun, node and yarn :)
But thank you for your feedback 🙏🏻
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…
Sadly, I wasn't able to catch the race today. But I'm definitely gonna check it out again!
This looks really cool. Thanks for making it and sharing with us.
Thanks, you’re welcome! Glad you like it :)
This is amazing! what a brilliant tool.
That's really cool, looks great, thanks for sharing this 👍🏼
Thank you, glad u like it :)
Well this works really well, very easy to follow what's happening, the team radio recordings are really cool too. One thing I noticed, the actually time, doesn't appear to be either local or my time...for example, the session was green flagged at 12:30 local time, (11:30 BST) in app it said 10:30...🤷🏻♂️
Oh yeah, thanks for the feedback. I think currently it’s UTC. Will look into it:)
Perfect, thanks again for sharing this, & all your efforts, it really is "simply lovely"...😁
Should be fixed now and it should be local time :)
Marvelous thank you!, I'm at work now following the qualifying 😬..👍🏼
Really nice work! Bookmarked!
Wow! Looks so good! Can't wait to try it out this weekend!
Looks like a fun thing to kick off the second half with! Good job.
Yeah it’s fun to watch it on the side sometimes. And thank you I appreciate it :)
Testing it now. This is awesome!
Small point. The names don’t follow the dots on the track view. (Safari)
Yeah it’s a known issue, Safari doesn’t like the SVG text updates. I need to take a deeper look into that once. But thanks for the feedback!
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?
Okay will take a look at the Team Radios. The delay is a feature I wanted to get out asap, but I am gonna revisit it again and make it better, the saving is definitely a good idea!