Soccer Open API Project

This project uses the API-Football open API to display soccer data. Users can:

• view a list of soccer leagues
• view a list of countries with football teams
• click a league to see the teams in that league I chose this API because I am a big soccer fan and wanted to practice working with real sports data.

Technologies Used

• HTML
• CSS
• JavaScript
• Fetch API
• API-Football

API Endpoints Used

1. Leagues
   https://v3.football.api-sports.io/leagues

2. Countries with teams
   https://v3.football.api-sports.io/teams/countries

3. Teams by league
   https://v3.football.api-sports.io/teams?league={id}&season=2024

How to Run the Project

1. Download or clone this repository
2. Open the project folder
3. Open the index.html file in your browser

Alternatively you can run the project using Live Server in VS Code.

Features

• Navigation buttons to switch between API endpoints
• Data is retrieved using separate GET requests
• Leagues can be clicked to view teams in that league
• Responsive layout using CSS Grid