This project was requested by a company as a coding challenge for a full-time job position.
Each push to the master branch initiates an automated deployment to Netlify.
- Request an API key from football-data.org.
- Create a
secrets.ts
file in thesrc/
directory:
cp src/secrets.example.ts src/secrets.ts
- Update the
apiKey
property to the obtained API key.
- Error handling: right now there's no convenient, reusable and user-friendly error handling. If an outgoing request fails (for instance, when either the league's or the match's unique identifier doesn't exist or the selected item is available exclusively for paid plans), then the app will keep showing the loading indicator. Even though the error is printed out to the console, it's meaningless and degrades the experience from the perspective of the user. Resources to possible solutions: #1.
- Event page: it's poorly designed and doesn't convey useful information.
- Periodically refetch data to avoid stale scores (optionally also provide a button to do so manually).
The project is available as open source under the terms of the MIT License.