Skip to content
This repository has been archived by the owner on Jan 12, 2023. It is now read-only.

erikbg7/world-cup-microapp

Repository files navigation

World Cup Microapp ⚽ 🎉

A microapp for the 2022 World Cup in Qatar. Shows live information about the Stadiums, Teams, Players, Matches and Groups.

How It Works

  • Group information is scrapped from different sources after each match using a Github Actions cron. Data is stored in Firebase and consumed from the app.

  • Other information such as games statistics or live results are scrapped and shown on demand using Next API endpoints.

  • Finally, static information (stadiums, teams, etc) is hardcoded and used without further manipulation.

Tech Stack

  • Next.js
  • Tailwind
  • Typescript
  • Firebase
  • Github Actions
  • Vercel
  • Plausible

Getting Started

Run the development server:

npm run dev

More Information

Most of the project was built in a few days, so there are some things that could be improved.

You won't need Firebase credentials, as the database has been completely removed. However, we have hardcoded the group stage information and made a few changes, so the project remains fully functional.

Results

image