Football
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v27View latest version
React-based frontend for the Football Live Scores app.
- Main application component
- Handles state management for matches
- Auto-refresh functionality for live matches
- Server-side data injection support
- Individual match display component
- Shows team names, scores, status, and venue
- Different styling for live, scheduled, and finished matches
- Reusable loading component
- Used during initial load and refresh operations
- Real-time Updates: Auto-refreshes every 30 seconds when live matches are present
- Responsive Design: Works on desktop and mobile devices
- Server-side Data: Initial data is injected server-side for faster loading
- Live Indicators: Visual indicators for live matches with pulsing animations
- Competition Grouping: Matches are grouped by league/competition
- Manual Refresh: Users can manually refresh match data
- TailwindCSS for utility-first styling
- Custom CSS for animations and transitions
- Responsive design with mobile-first approach
- Live match indicators with pulse animations
- React hooks (useState, useEffect)
- Auto-refresh logic for live matches
- Error handling and loading states
- Server-side data injection for initial load