How chronox24/esports works
This is an esports tournament and team-management web application. Users enter through the public landing pages, authenticate, then use a dashboard to manage tournaments, record match data, and view rankings and analytics. The frontend talks to an Express API, which reads and writes Supabase data; backend prediction, statistics, and YouTube-highlight capabilities are also represented. The README provides no usable product detail, and several feature files were not sampled, so some subsystem links are documented by the source index while the frontend-to-backend connection is shown as unverified.
Main entry points: MainUIScreen.jsx Dashboard navigation · Tournament.jsx Tournament hub · server.js Express API · api.js API client
Components 26
Web experience
- Route and auth shell
esport_frontend/src/App.jsx - Landing pages
esport_frontend/src/screens/landing/Home.jsx - Login and recovery
esport_frontend/src/screens/landing/LoginScreen.jsx - Dashboard navigation
esport_frontend/src/screens/main/MainUIScreen.jsx - API client
esport_frontend/src/utils/api.js
Tournament operations
- Tournament hub
esport_frontend/src/screens/main/Tournament.jsx - Brackets
esport_frontend/src/screens/main/Bracket.jsx - Match data entry
esport_frontend/src/screens/main/DataEntry.jsx - PRS entry
esport_frontend/src/screens/main/PRSEntry.jsx - Map and veto mapping
esport_frontend/src/screens/main/Mapping.jsx - Tournament history
esport_frontend/src/screens/main/TournamentHistory.jsx - Entry summaries
esport_frontend/src/screens/main/EntrySummary.jsx
Player insights
- Analytics dashboard
esport_frontend/src/screens/main/Analytics.jsx - Leaderboards
esport_frontend/src/screens/main/Leaderboards.jsx - Player rankings
esport_frontend/src/screens/main/PlayerRankings.jsx - Player statistics
esport_frontend/src/screens/main/PlayerStatsTab.jsx - Match predictions
esport_frontend/src/screens/main/Predictions.jsx - Raw records
esport_frontend/src/screens/main/RawRecords.jsx - Agent display helper
esport_frontend/src/utils/agentHelper.jsx
API and services
- Express API
esports_backend/server.js - Supabase data store
- Statistics calculator
esports_backend/utils/statsCalculator.js - Prediction engine
esports_backend/utils/predictor.js - YouTube highlight scraper
esports_backend/utils/youtubeScraper.js
Other components
- Visitor
- YouTube
Connections 29
- Visitor → Route and auth shell: opens
- Route and auth shell → Landing pages: routes to
esport_frontend/src/App.jsx - Route and auth shell → Dashboard navigation: routes after login
esport_frontend/src/App.jsx - Route and auth shell → Login and recovery: login flow
- Landing pages → API client: loads highlights
esport_frontend/src/screens/landing/Home.jsx - Login and recovery → API client: sends auth requests
esport_frontend/src/screens/landing/LoginScreen.jsx - Dashboard navigation → Tournament hub: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Match data entry: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Map and veto mapping: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → PRS entry: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Leaderboards: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Analytics dashboard: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Player rankings: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Player statistics: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Raw records: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Dashboard navigation → Match predictions: renders feature
esport_frontend/src/screens/main/MainUIScreen.jsx - Tournament hub → Brackets: embeds
esport_frontend/src/screens/main/Tournament.jsx - Tournament hub → Match predictions: embeds
esport_frontend/src/screens/main/Tournament.jsx - Tournament hub → Map and veto mapping: embeds
esport_frontend/src/screens/main/Tournament.jsx - Tournament hub → Match data entry: embeds
esport_frontend/src/screens/main/Tournament.jsx - Match data entry → API client: reads and submits records
esport_frontend/src/screens/main/DataEntry.jsx - Match data entry → Agent display helper: renders agents
esport_frontend/src/screens/main/DataEntry.jsx - Tournament hub → API client: loads matches and brackets
esport_frontend/src/screens/main/Tournament.jsx - API client → Express API: sends HTTP requests
- Express API → Supabase data store: reads and writes
esports_backend/server.js - Express API → Statistics calculator: uses calculator
esports_backend/server.js - Express API → Prediction engine: uses engine
esports_backend/server.js - Express API → YouTube highlight scraper: uses scraper
esports_backend/server.js - YouTube highlight scraper → YouTube: fetches videos
esports_backend/utils/youtubeScraper.js