Football Live Scoreboard

A real-time football match scoreboard built with Next.js.

Features

• Live score updates using Server-Sent Events (SSE)
• Real-time clock display
• Side-by-side match cards layout
• Responsive design

Tech Stack

• Next.js
• React
• Tailwind CSS
• TypeScript

Installation

Install dependencies:

pnpm install

Getting Started

Run the development server:

pnpm dev

Open http://localhost:3000 to see the scoreboard.

How It Works

• Backend sends score updates every 4 seconds via /api/scores
• Frontend listens with EventSource and updates scores in real-time
• Matches display side by side with current scores
• Time updates live at the top of the page