Forside
CV
  • Github

  • LinkedIn

Live Scores Banner

Live Scores

Github logo

Live Scores

Github logo

Om Projektet

Frontend

API

Live Scores er en fodbold-livescore-app, der viser livekampe fra de største ligaer i Europa. Appen er bygget med TypeScript i Next.js og bruger to forskellige fodbold API'er til at hente live resultater og ligatabeller.

'api-football.com' anvendes til at hente live resultater, men da jeg benytter deres gratis version, er appen begrænset til 100 API-kald om dagen. 'football-data.org' bruges til at hente ligatabeller. Ved at kombinere de to API'er kan jeg blande data fra begge API'ers gratis udgaver.

Appen giver mulighed for at se live resultater, kampstatistikker, holdopstillinger og ligatabeller.


Techstack

React
icon-React
Next.js
icon-Next.js
TypeScript
icon-TypeScript
Tailwind CSS
icon-Tailwind CSS
API Sports
icon-API Sports
Football Data API
icon-Football Data API

Snapshots

snapshot
snapshot
snapshot
snapshot

Teknologier

React

React bruges til at bygge interaktive brugergrænseflader med komponenter. Jeg har brugt det til at opbygge hele strukturen og funktionaliteten af websitet, hvilket har gjort det nemt at genbruge kode og opnå en effektiv udviklingsproces.

React logo
Next.js

Next.js er et moderne React-baseret framework, der gør det nemt at bygge hurtige og effektive webapplikationer. I dette projekt har jeg brugt Next.js til at bygge en fodbold livescore app, hvor man kan se live resultater og statistikker.

Next.js logo
Tailwind CSS

Tailwind er et CSS framework, der gør det nemt at opbygge en responsiv og moderne brugergrænseflade ved brug af utility classes. Jeg har brugt det til at style websitet og opnå et ensartet og moderne design.

Tailwind CSS logo
TypeScript

TypeScript er et programmeringssprog, der bygger på JavaScript og tilføjer typekontrol. Jeg har brugt TypeScript til at skrive koden i dette projekt, hvilket har givet mig bedre kodekvalitet og færre fejl.

TypeScript logo
API Sports

API-Sports er en API der giver adgang til sportsdata fra forskellige sportsgrene, herunder fodbold. Jeg har brugt API-Sports til at hente live fodbold resultater til min livescore app.

API Sports logo
Football Data API

Football-data.org er en API der giver adgang til fodbolddata fra forskellige ligaer og turneringer. Jeg har brugt Football-data.org til at hente ligatabeller til min livescore app.

Football Data API logo
GithubLinkedInEmail

Tobias Wolmar