A web application that displays ongoing football (soccer) games for today with live scores and match information.

• View today's live football matches
• Real-time score updates
• Match status (Live, Finished, Scheduled)
• League/competition information
• Team names and scores
• Match time information

├── backend/
│   ├── index.ts             # Main Hono server
│   └── README.md
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React component
│   │   ├── MatchCard.tsx    # Individual match display
│   │   └── LoadingSpinner.tsx
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
├── shared/
│   ├── types.ts             # Shared TypeScript types
│   └── utils.ts             # Shared utility functions
└── README.md

The app currently uses mock data that simulates real football matches. The mock data includes:

• Live matches with real-time score updates
• Scheduled matches with kickoff times
• Finished matches with final scores
• Multiple competitions (Premier League, La Liga, Bundesliga, Ligue 1, Serie A)

To integrate with a real football API, replace the fetchTodaysMatches() function in /backend/index.ts with calls to services like:

• football-data.org (free tier available)
• API-Football
• SportRadar
• ESPN API

1. The app automatically loads today's matches on page load
2. Matches are displayed with live scores and status
3. The page refreshes match data every 30 seconds for live updates
4. Matches are grouped by competition/league

• Backend: Hono (TypeScript)
• Frontend: React with TypeScript
• Styling: TailwindCSS
• Data: Free football API (no API key required)