gtibrett / effone-hub

Formula One data viewer. React, Material UI, Nivo Charts

Home Page:https://effone-hub.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🏁 effOne Hub

Live Demo

React & Material-UI app consuming the Ergast API Formula One dataset.

View historical Formula One data back to 1950. Race results, qualifying, Driver's and Constructor's championship standings. Lap times and overtakes for each race.

Data supplemented by wikipedia

API

Local API

Follow instructions for the GitHub repo above to run the API locally. Couple tweaks to point this project there.

Add .env.development.local

REACT_APP_API_URL=http://localhost:8000/api/f1

Add index to the API's DB

Connect to the DB for the API and run the following SQL

CREATE INDEX races_year_round_idx ON races (year, round);
CREATE INDEX races_circuit_idx ON races (circuitId);
CREATE INDEX results_driver_idx ON results (driverId);

Development

This is a typical CRA using yarn.

yarn install
yarn start

Production Build

yarn run build

Notable Dependencies

About

Formula One data viewer. React, Material UI, Nivo Charts

https://effone-hub.vercel.app


Languages

Language:TypeScript 99.4%Language:HTML 0.6%Language:Shell 0.0%