API_KEY

Gain insights into Api-Football’s vast data, learn to retrieve stats, standings, fixtures, and integrate endpoints/widgets into a React app for robust soccer data utilization.

React.tar.gz

React_app

​​Api-Football is a great resource for any application consuming football related data. It provides statistics for over 880 football leagues and cups.

In this course, you'll first get an introduction to the Api-Football and the different endpoints and widgets it offers. Then you'll be provided with a step-by-step guide on how to sign up for an account and retrieve the API key. You'll then learn how to get a team's information, including league standings and statistics, using Api-Football. Further, you'll learn to use the fixtures endpoint to get information about fixtures, including head-to-head statistics and lineups. You’ll also learn about widgets and how to use them directly in any web application. At the end of the course, you’ll get hands-on experience integrating the API endpoints and widgets into a fully functional React application.

By the time you're done with this course, you'll be able to work with and consume data from Api-Football in your projects.

Getting Soccer Data with Api-Football in JavaScript

## View points table
The Standings widget displays the rankings of the competition or team, which is specified in the parameters.
### Standings widget parameters

The following table contains the tags for the Standings widget and their functionalities:

align-center

The HTML script for the Standings widget is as follows:

codemirror

Click the "Run" button to see the standings for that league. We can change the league ID in **line 4** to get the standings of another league. We can also see the standings for a single team by entering the team ID in **line 5**.

> **Note:** If we integrate multiple widgets on the same page, we'll have to use the `script` tag once. The same theme will be applied to all widgets.

# View points table
The Standings widget displays the rankings of the competition or team, which is specified in the parameters.
## Standings widget parameters

The following table contains the tags for the Standings widget and their functionalities:

Learn to use the standings widget and the functionalities of different tags we can use with it.

Tags	Type	Category	Purpose
`data-host`	String	Required	This is the hostname. It is `v3.football.api-sports.io` for our case.
`data-key`	String	Required	This parameter specifies the API key that'll be used for request validation.
`data-league`	Integer	Optional	This is the ID of the league we want to view the standings for. The Leagues endpoint can be used to obtain this ID.
`data-team`	Integer	Optional	This is the ID of the teams we want to view the standings for. The Teams endpoint can be used to obtain this ID.
`data-season`	Integer	Required	This contains the desired season. The format is "YYYY."
`data-theme`	String	Optional	This is used to specify the theme color that we want. If this field is left empty, the default theme will be applied; otherwise, the possible values are `grey` or `dark`.
`data-show-errors`	String	Optional	This is either `true` or `false`, depending on whether we want to display the errors.

Introduction

Teams

Fixtures

Players

Widgets

APIs Integration in React

Conclusion

Appendix

Standings

View points table

Standings widget parameters