https://github.com/moromichele/formula-1-2
V2 of the F1 standings app. Displays F1 standings historical data.
https://github.com/moromichele/formula-1-2
react reactjs tanstack-react-query typescript vite vitejs
Last synced: about 2 months ago
JSON representation
V2 of the F1 standings app. Displays F1 standings historical data.
- Host: GitHub
- URL: https://github.com/moromichele/formula-1-2
- Owner: moromichele
- Created: 2025-03-15T17:12:25.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-15T17:26:36.000Z (over 1 year ago)
- Last Synced: 2025-03-15T18:25:57.664Z (over 1 year ago)
- Topics: react, reactjs, tanstack-react-query, typescript, vite, vitejs
- Language: TypeScript
- Homepage: https://moromichele.github.io/Formula-1-2/
- Size: 218 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# F1 standings V2
Small project to test how I would approach the same problem from https://github.com/moromichele/F1-Standings some years later and to test Vite as a React project base.
Shows F1 driver or constructor championship standings by year.
Created with Vite's React + TypeScript template.
## Differences with V1
### API
The API used in V1 is getting deprecated so this project is using a "direct" replacement, Jolpica API.
### Data fetching: React Query
I'm using TanStack's React Query for easy data fetching from api with caching functionalities.
### Simpler design
Compared to V1, I decided to not use Redux as it is a bit overkill for this usecase,
Also I'm using CSS modules instead of styled components as personal preference.
### TODO
- Add dark theme toggler
- Add footer
- Add extra info on row item click