🏎️ Formel 1 Fullstack App

Dette prosjektet er en fullstack-applikasjon for Formel 1 som inkluderer:

• Backend API (Formel1Api) med .NET 8
• Frontend med React + Vite + TypeScript
• Interaktive funksjoner: spill, quiz, søk og visning av drivere, team og løp

---

📂 Prosjektstruktur

Formel1Api/ # Backend (.NET 8)
├─ Controllers/
├─ Contexts/
├─ Databases/
├─ Interfaces/
├─ Migrations/
├─ Models/
├─ Properties/
├─ bin/obj/
├─ wwwroot/
├─ Program.cs
├─ appsettings.json
├─ appsettings.Development.json
├─ Formel1Api.sln
└─ README.md

f1events/ # Frontend (React + Vite)
├─ src/
│ ├─ components/
│ ├─ contexts/
│ ├─ services/
│ ├─ data/
│ ├─ main.tsx / index.tsx
├─ public/
├─ package.json
├─ package-lock.json
├─ tsconfig.json
└─ vite.config.ts

---

⚙️ Oppsett

Backend (.NET 8)

cd Formel1Api
dotnet restore
dotnet run

• API kjører på: http://localhost:5146
• Endepunkter: /api/drivers, /api/teams, /api/races, /api/imageupload

Frontend (React + Vite)

cd src
npm install
npm run dev

• App kjører på http://localhost:5173

---

🧩 Funksjonalitet

• Liste over drivere og team
• Søk, legg til og trekk tilbake drivere
• Sortering av løp etter runder
• Racing-spill med hindringer og mål
• F1-quiz med poengberegning

---

🔧 Teknologier

• Backend: C#, .NET 8, Entity Framework Core
• Frontend: React, Vite, TypeScript, Context API
• API-klient: Axios
• Styling: Bootstrap 5

---

🎨 Styling

• Frontend bruker Bootstrap + Sass
• API bruker vanilla CSS