How sakusanpuwan/fantasy_league_full_stack works
Bright Football League is a fantasy-football web app: users register, select a budget-limited player team, and view scores, rankings, fixtures, and player statistics. The React home container coordinates page data and calls the Spring REST API; authentication is handled through the API’s JWT endpoints. The README documents PostgreSQL persistence and Fantasy Premier League data sourcing. Backend implementation details were not sampled, so internal controller-to-service and service-to-repository wiring is not inferred.
Main entry points: HomeContainer.js Home and routing · auth.service.js Auth client · App.js React app · Login.js Login and signup
Components 20
React website
- React app
frontend/fantasy-league/src/App.js - Home and routing
frontend/fantasy-league/src/containers/HomeContainer.js
Accounts and access
- Login and signup
frontend/fantasy-league/src/components/Login.js - Signup form
frontend/fantasy-league/src/components/SignUp.js - Auth client
frontend/fantasy-league/src/services/auth.service.js - JWT header
frontend/fantasy-league/src/services/auth-header.js - Auth endpoints
backend/fantasy-league-api/src/main/java/com/example/fullstackproject/fantasyleagueapi/controllers/AuthController.java - User endpoints
backend/fantasy-league-api/src/main/java/com/example/fullstackproject/fantasyleagueapi/controllers/UserController.java - JWT security
backend/fantasy-league-api/src/main/java/com/example/fullstackproject/fantasyleagueapi/springSecurityJwt
Fantasy football
- Fixtures view
frontend/fantasy-league/src/components/Fixtures.jsx - Team view
frontend/fantasy-league/src/components/Team.js - Player search
frontend/fantasy-league/src/components/TeamSearch.js - Player statistics
frontend/fantasy-league/src/components/Stats.js - Leaderboard
frontend/fantasy-league/src/components/LeaderBoard.js - Player endpoints
backend/fantasy-league-api/src/main/java/com/example/fullstackproject/fantasyleagueapi/controllers/PlayerController.java
Spring API and data
- Spring REST API
backend/fantasy-league-api/src/main/java/com/example/fullstackproject/fantasyleagueapi - Football data endpoints
backend/fantasy-league-api/src/main/java/com/example/fullstackproject/fantasyleagueapi/controllers/DataController.java - PostgreSQL
Other components
- Website user
- Fantasy Premier League API
Connections 19
- Website user → React app: opens
- React app → Home and routing: renders
- Home and routing → Fixtures view: routes
- Home and routing → Team view: routes
- Home and routing → Player statistics: routes
- Home and routing → Leaderboard: routes
- Home and routing → Login and signup: routes
- Login and signup → Auth client: authenticates
- Signup form → Auth client: registers
- Auth client → Auth endpoints: login request
- Auth client → User endpoints: signup request
- Home and routing → Football data endpoints: fetches fixtures and data
- Home and routing → Player endpoints: fetches players
- Home and routing → User endpoints: fetches users and updates teams
- Team view → Player search: offers search
- Home and routing → PostgreSQL: persists users and players
- Fantasy Premier League API → Spring REST API: supplies football data
- JWT security → Auth endpoints: secures authentication
- JWT header → JWT security: provides token