https://github.com/dickyalfauzi/f1-dash
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="./dash/public/tag-logo.png" width="200"> <img alt="f1-dash" src="./dash/public/tag-logo.png" width="200"> </picture></p><h1 align="center">Real-time Formula 1 telemetry and timing</h1>## f1-dashA real-time F1 dashboard that shows the leader board, t
https://github.com/dickyalfauzi/f1-dash
bun cars dashboard data-visualization f1 formula1 nextjs plotly-dash races realtime rust telemetry typescript
Last synced: 2 months ago
JSON representation
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="./dash/public/tag-logo.png" width="200"> <img alt="f1-dash" src="./dash/public/tag-logo.png" width="200"> </picture></p><h1 align="center">Real-time Formula 1 telemetry and timing</h1>## f1-dashA real-time F1 dashboard that shows the leader board, t
- Host: GitHub
- URL: https://github.com/dickyalfauzi/f1-dash
- Owner: dickyalfauzi
- License: agpl-3.0
- Created: 2025-05-30T16:44:41.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-07-12T14:39:25.000Z (3 months ago)
- Last Synced: 2025-07-12T14:47:16.018Z (3 months ago)
- Topics: bun, cars, dashboard, data-visualization, f1, formula1, nextjs, plotly-dash, races, realtime, rust, telemetry, typescript
- Language: TypeScript
- Size: 23.5 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# F1 Dash 🏎️💨
 
Welcome to **F1 Dash**, a real-time dashboard for Formula 1 enthusiasts. This project provides an engaging way to track live race data, including lap times, driver standings, and team statistics. Whether you're at the track or watching from home, F1 Dash keeps you updated with the latest information.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
- [Releases](#releases)
## Features
- **Real-Time Updates**: Get live data during races, including lap times and position changes.
- **Driver Standings**: View the latest standings for all drivers and teams.
- **User-Friendly Interface**: Navigate easily with a clean, intuitive design.
- **Responsive Design**: Access the dashboard on any device, from desktop to mobile.
- **Customizable Views**: Tailor the information displayed to suit your preferences.
## Technologies Used
F1 Dash utilizes a mix of modern technologies to deliver a seamless experience:
- **Next.js**: A React framework for server-side rendering and static site generation.
- **TypeScript**: Provides type safety and enhances code quality.
- **Rust**: Powers the backend for high performance and reliability.
- **WebSockets**: Enables real-time communication for live updates.
## Installation
To get started with F1 Dash, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/dickyalfauzi/f1-dash.git
```
2. **Navigate to the Project Directory**:
```bash
cd f1-dash
```
3. **Install Dependencies**:
For the frontend, run:
```bash
npm install
```
For the backend, ensure you have Rust installed, then run:
```bash
cargo build
```
4. **Run the Application**:
Start the development server:
```bash
npm run dev
```
For the backend, execute:
```bash
cargo run
```
5. **Access the Dashboard**:
Open your browser and go to `http://localhost:3000` to view the dashboard.
## Usage
F1 Dash is designed to be straightforward. Once the application is running, you can:
- **Select a Race**: Choose the current race from the dropdown menu.
- **View Live Data**: Watch as lap times and positions update in real-time.
- **Customize Your View**: Adjust the dashboard settings to show the information you care about most.
## Contributing
We welcome contributions to F1 Dash! If you want to help improve the project, follow these steps:
1. **Fork the Repository**: Click the "Fork" button at the top right of the page.
2. **Create a New Branch**:
```bash
git checkout -b feature/YourFeatureName
```
3. **Make Your Changes**: Implement your feature or fix.
4. **Commit Your Changes**:
```bash
git commit -m "Add your message here"
```
5. **Push to Your Branch**:
```bash
git push origin feature/YourFeatureName
```
6. **Open a Pull Request**: Go to the original repository and click "New Pull Request".
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
For questions or feedback, feel free to reach out:
- **Email**: dickyalfauzi@example.com
- **Twitter**: [@dickyalfauzi](https://twitter.com/dickyalfauzi)
## Releases
To download the latest version of F1 Dash, visit our [Releases](https://github.com/dickyalfauzi/f1-dash/releases) section. Follow the instructions there to execute the downloaded files and get started with your real-time F1 dashboard.
## Screenshots
Here are some screenshots of the dashboard in action:
## Roadmap
We have exciting plans for F1 Dash. Here are some features we aim to implement:
- **Enhanced Data Visualization**: Graphs and charts to represent race data.
- **User Accounts**: Allow users to save their preferences and settings.
- **Notifications**: Real-time alerts for key race events.
## Acknowledgments
Special thanks to the following:
- The Formula 1 API for providing race data.
- The open-source community for their contributions and support.
Stay tuned for updates, and thank you for checking out F1 Dash!