Live Scores banner

Live Scores

GitHub logo

About the Project

FrontendAPI

Live Scores is a football live score app that displays live matches from the biggest leagues in Europe. The app is built with TypeScript in Next.js and uses two different football APIs to fetch live scores and league tables.

'api-football.com' is used to fetch live scores, but since I am using their free version, the app is limited to 100 API calls per day. 'football-data.org' is used to fetch league tables. By combining the two APIs, I can merge data from both free-tier APIs.

The app allows users to view live scores, match statistics, team lineups, and league tables.

Techstack

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

Snapshots

  • snapshot
  • snapshot
  • snapshot
  • snapshot

Technologies

React is used to build interactive user interfaces with components. I have used it to structure and develop the entire functionality of the website, making it easy to reuse code and achieve an efficient development process.

Next.js is a modern React-based framework that makes it easy to build fast and efficient web applications. In this project, I used Next.js to build a football live score app where users can view live scores and match statistics.

Tailwind is a CSS framework that simplifies the creation of a responsive and modern user interface using utility classes. I used it to style the website and achieve a consistent and modern design.

TypeScript is a programming language that builds on JavaScript by adding type checking. I used TypeScript to write the code in this project, which has improved code quality and reduced errors.

API-Sports is an API that provides access to sports data from various sports, including football. I used API-Sports to fetch live football scores for my live score app.

Football-data.org is an API that provides access to football data from various leagues and tournaments. I used Football-data.org to fetch league tables for my live score app.