hotlapmode.app

An interactive website where you can discover everything you need to know about f1 driver/team comparisons and more!
View more »

About The Project

hotlapmode.app is an interactive website where you can discover everything you need to know about teammate comparisons and more! Through various functions within the website Formula 1 fans will now have a more accurate insight in the pace differences between drivers and teams. And more is to come!

Built With

• SvelteKit
• TailwindCSS
• DaisyUI
• ChartJS
• Vite
• lru-cache
• satori-html - for url previews
• google-spreadsheet - to get the data from the google sheet
• ackee - for analytics

Deployed on Vercel

Getting started

Prerequisites

What you need to run it locally:

• Node.js 16.0.0 or higher (https://nodejs.org/en/download/)

Create a .env file in the root of the project and add the following:

SPREADSHEET_ID=''
GOOGLE_SHEETS_CLIENT_EMAIL=''
GOOGLE_SHEETS_PRIVATE_KEY=''

Run locally

npm install
npm run dev

Deployment

The project is deployed on Vercel. When you push to the prod branch, Vercel will automatically deploy the project.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT