All work

TypeScript · Next.js · Tailwind

Next-Football-live-scores

Live scores, league standings and match detail on the App Router, with dark mode throughout.

Stars0
LanguageTypeScript
Last push21 Mar 2026
Topics
football-apinextjstailwindcsstypescript

Next Football Live Scores ⚽️

A modern, real-time football live score application built with Next.js. This project provides up-to-date match information, standings, and statistics, leveraging professional sports APIs to deliver a seamless user experience.

🚀 Features

  • Live Updates: Real-time scores and match events.
  • Leagues & Standings: Detailed tables for major leagues (Premier League, La Liga, Serie A, etc.).
  • Match Details: Lineups, statistics, and head-to-head data.
  • Responsive Design: Fully optimized for mobile, tablet, and desktop views.
  • Dark Mode Support: Easy on the eyes for late-night match tracking.

🛠 Tech Stack

  • Framework: Next.js (App Router)
  • Styling: Tailwind CSS
  • State Management: React Hooks / Context API
  • Data Fetching: SWR or TanStack Query (React Query)
  • API: Football-Data.org / API-Football (RapidAPI)
  • Deployment: Vercel

🏁 Getting Started

Prerequisites

  • Node.js (v18.x or higher)
  • npm or yarn
  • An API Key from your chosen football data provider

Installation

  1. Clone the repository:
    git clone [https://github.com/Kyaw-Min-Khant/Next-Football-live-scores.git](https://github.com/Kyaw-Min-Khant/Next-Football-live-scores.git)
    cd Next-Football-live-scores