https://github.com/nemanjam/formula-1-rankings
https://github.com/nemanjam/formula-1-rankings
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nemanjam/formula-1-rankings
- Owner: nemanjam
- Created: 2023-02-05T15:11:28.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-05T15:13:55.000Z (over 3 years ago)
- Last Synced: 2025-02-05T22:46:18.432Z (over 1 year ago)
- Language: TypeScript
- Size: 735 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Formula 1 rankings
- neither 2 nor 4 hours is enough to do this properly with extracting reusable components, typing, SSR, proper data fetching and caching, configuring formatting and linting, etc.
- I suggest using some public API other than Rapid-Api, I was unable to find working API key in that docs and dashboard in short time and that shouldn't be the point of this task
## Explanation
This is basically nested tabs problem, the first level are seasons buttons, the second level is switch control. Data needs to be fetched and states for the switch, buttons, tables, sorting needs to be handled, plus styling.
### Done
- break app into reusable components, `TableHead` and `TableBody` aren't optimally solved, better chose simpler solution and make separate `TableRowTeam`, `TableRowDriver`
- basic styling with Tailwind
- basic SSR setup with `react-query` and `axios` data fetching
### Todo
- solve Rapid-Api key, currently app is not rendered, unable to fetch data
- states aren't implemented at all - switch, buttons, table, sorting
- improve styling to match Figma
### Screenshot
