Coding task

This project was bootstrapped with Create React App.

Project description

This project is built with React and Typescript, where I solve a coding task.

Run the project

In the project directory, to install dependencies run:

yarn

After installing the dependencies run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

About the project

The home page displays available competitions on the free tier. If you click on any of the competitions you will be sent to a new page where a list of matches 2 days in the past and 7 days into the future are displayed.

Home page

alt text

Page listing the competition's matches

alt text

Improvements

  • Show a default image if the response from the API does not contain an image for every competition.
  • Implement server-side rendering.
  • Use environment variables to hide the API token.

Sources

https://www.svgrepo.com/svg/77510/football