F1 Dashboard

F1 Dashboard is a React-based web application that provides real-time information about the current Formula 1 season, including race schedules, driver and constructor standings, and countdown to the next race.

Features

• Display upcoming races with circuit information and country flags
• Show full season schedule with options to filter past races
• Countdown timer to the next race
• Top 3 driver standings with nationality flags
• Top 3 constructor standings with nationality flags
• Responsive design for mobile and desktop viewing

Technologies Used

• React
• Tailwind CSS
• Ergast Developer API (for F1 data)
• flagcdn.com (for country flag images)

Getting Started

Prerequisites

• Node.js (v14 or later recommended)
• npm (comes with Node.js)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/f1-dashboard.git
   cd f1-dashboard
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm start
   

4. Open http://localhost:3000 to view the app in your browser.

Usage

• The dashboard will automatically load with the latest F1 season data.
• Use the "Show Full Season" button to view all races.
• Click on a race card to view more details about that race.
• The countdown timer at the top shows the time remaining until the next race.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

Acknowledgements

• Data provided by Ergast Developer API
• Flags provided by flagcdn.com

Contact

Your Name - your-email@example.com

Project Link: https://github.com/your-username/f1-dashboard