Cann Tables Next

A Next.js application that displays football tables in a Cann format. In this format, the table lets you visualise gaps between teams by showing every point position between teams.

View live website here.

Getting Started

Clone the repository

git clone https://github.com/DMzda/cann-tables.git

Install the requirements

npm install

Add your football-data.org API key in .env.local.

FOOTBALL_DATA_API_KEY=<key goes here>

Generate local JSON files for development

npm run populate

Run the dev server

npm run dev

Open http://localhost:3000 with your browser to see the result.

TODO

• Add clsx
• Improve styling
• Add dark mode