How tylersherrick/v4 works
V4 Sports is a multi-sport scores and statistics web app for MLB, college football, and NFL. Users browse games, open game details, explore teams and players, and search for players; NFL also exposes a prediction page. The backend serves sport-specific API routes and player-search services that retrieve data from ESPN. The sampled source confirms the application routing and player-search path; other component-to-API wiring is not shown, so those links are omitted.
Main entry points: App.jsx App routes · server.js Express API · mlb MLB API routes · cfb CFB API routes
Components 27
Web app
- App routes
client/src/App.jsx - Home and sports nav
client/src/components/home - MLB games
client/src/components/mlb/MLBGames.jsx - MLB game details
client/src/components/mlb/MLBGamePage.jsx - MLB team views
client/src/components/mlb/MLBTeamPage.jsx - MLB player views
client/src/components/mlb/MLBPlayerPage.jsx - MLB player search
client/src/components/mlb/MLBPlayerSearch.jsx - CFB games
client/src/components/cfb/CFBGames.jsx - CFB game details
client/src/components/cfb/CFBGamePage.jsx - CFB team views
client/src/components/cfb/CFBTeamPage.jsx - CFB player views
client/src/components/cfb/CFBPlayerPage.jsx - CFB player search
client/src/components/cfb/CFBPlayerSearch.jsx - NFL games
client/src/components/nfl/NFLGames.jsx - NFL game details
client/src/components/nfl/NFLGamePage.jsx - NFL team views
client/src/components/nfl/NFLTeamPage.jsx - NFL player views
client/src/components/nfl/NFLPlayerPage.jsx - NFL player search
client/src/components/nfl/NFLPlayerSearch.jsx - NFL predictions
client/src/components/nfl/NFLPredictionPage.jsx
API backend
- Express API
server/server.js
Sport data
- MLB API routes
server/routes/mlb - CFB API routes
server/routes/cfb - NFL API routes
server/routes/nfl - MLB search service
server/services/mlb/playerSearch.js - CFB search service
server/services/cfb/playerSearch.js - NFL search service
server/services/nfl/playerSearch.js
External data
- ESPN APIs
Other components
- Sports fan
Connections 27
- Sports fan → App routes: opens
- App routes → Home and sports nav: routes to
- App routes → MLB games: routes to
- App routes → MLB game details: routes to
- App routes → MLB team views: routes to
- App routes → MLB player views: routes to
- App routes → CFB games: routes to
- App routes → CFB game details: routes to
- App routes → CFB team views: routes to
- App routes → CFB player views: routes to
- App routes → NFL games: routes to
- App routes → NFL game details: routes to
- App routes → NFL team views: routes to
- App routes → NFL player views: routes to
- App routes → NFL predictions: routes to
- MLB player search → MLB API routes: requests search
- CFB player search → CFB API routes: requests search
- NFL player search → NFL API routes: requests search
- Express API → MLB API routes: mounts
- Express API → CFB API routes: mounts
- Express API → NFL API routes: mounts
- MLB API routes → MLB search service: calls search
- CFB API routes → CFB search service: calls search
- NFL API routes → NFL search service: calls search
- MLB search service → ESPN APIs: fetches players
- CFB search service → ESPN APIs: searches athletes
- NFL search service → ESPN APIs: searches athletes