F1 Trackside 🏎️

The fastest way to understand a Formula 1 weekend.

F1 Trackside is a Formula 1 dashboard built with React that brings race results, driver standings, constructor standings, and driver comparisons together in one place.

Live Demo

Features

• Race Selection: Browse Formula 1 meetings across multiple seasons.
• Session Selection: Select available sessions, including practice, qualifying, and race sessions.
• Race Leaderboard: View driver finishing positions, teams, and points.
• Driver Standings: Explore the drivers' championship standings.
• Constructor Standings: Compare teams based on championship points.
• Driver Comparison: Compare driver performance using session data.

Tech Stack

• React
• JavaScript
• Vite
• CSS
• OpenF1 API

Data Source

F1 Trackside uses the OpenF1 API to retrieve Formula 1 data, including race meetings, sessions, driver information, race results, and championship standings.

API requests are managed through a shared request queue to help control request frequency and reduce rate-limit errors.

Getting Started

Prerequisites

• Node.js
• npm

Installation

1. Clone the repository:

   git clone https://github.com/ayata30/f1-trackside.git

2. Navigate into the project directory:

   cd f1-trackside

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open the local URL provided by Vite in your browser.

Future Improvements

• AI-powered race weekend summaries.
• Improved classification and driver status information, including DNFs.
• Email notifications for race updates.
• Additional driver performance insights.

Acknowledgments

• OpenF1 for providing Formula 1 data.

---

Built with React and JavaScript.