Formula 1 VRD [Visualized Race Data]

Head over to https://sharadbhat.github.io/Formula-1-VRD/ to check it out.

Getting Started

1. Install Node (v16.x) LTS (https://nodejs.org/en/download/)
2. Make sure npm is installed on your system
3. Clone this repository
4. Run cd Formula-1-VRD
5. Run npm i
6. Run npm run dev
7. Head to http://localhost:5173

Libraries and Packages Used

1. ReactJS - Library for building user interfaces.
2. Mantine - Component library for ReactJS.
3. D3 - Library to generate visualizations.
4. React Router DOM - To handle page navigation.
5. Zustand - Hooks-based state management.

Developed Code

All the code inside dataScraping, classes, components, pages and utils was written by the two of us.

Process Book

You can find the process book here.

Demonstration Video

The demonstration video can be found here.

Team Members

Name	UID	Email
Alex Liebig	U1072962	u1072962@utah.edu
Sharad Bhat	U1418984	u1418984@utah.edu

Attributions

Flag icons created by Freepik - Flaticon

Formula 1 icons created by Pixel Buddha - Flaticon