How omkarh20/playscout_v2 works
PlayScout’s frontend supports the user journey from discovering venues and players through booking facilities, organizing games, and managing participation, with account, chat, news, payment, and administration capabilities alongside it. The sampled source confirms routing, shared venue/game loading, authentication, game creation, booking/payment actions, chat transport, profile updates, and administrative requests. Other feature links are documented in the README, but their frontend wiring was not sampled; those connections are shown only where the product-level interaction is clear.
Main entry points: App.jsx React app and routes · StoreContext.jsx Shared client state · Chat.jsx Real-time chat · Upcoming.jsx Upcoming activity
Components 22
Application shell
- React app and routes
frontend/src/App.jsx - Shared client state
frontend/src/context/StoreContext.jsx
Discovery and games
- Venue discovery
frontend/src/pages/Home/Home.jsx - Venue details
frontend/src/pages/Facility/Facility.jsx - Game discovery
frontend/src/pages/Meet/Meet.jsx - Create game
frontend/src/components/CreateGame/CreateGame.jsx - Player discovery
frontend/src/pages/Meet/Meet.jsx - Sports news
frontend/src/pages/News/News.jsx
Accounts and communication
- Sign-in and registration
frontend/src/components/LoginPopup/LoginPopup.jsx - OAuth completion
frontend/src/pages/OAuthSuccess/OAuthSuccess.jsx - Profile management
frontend/src/pages/Profile/Profile.jsx - Real-time chat
frontend/src/pages/Chat/Chat.jsx
Bookings and operations
- Facility booking
frontend/src/pages/Booking/Booking.jsx - Upcoming activity
frontend/src/pages/Upcoming/Upcoming.jsx - Payment history and outcomes
frontend/src/pages/PaymentHistory/PaymentHistory.jsx - Venue management
frontend/src/pages/FacilityManagement/FacilityManagement.jsx - Platform administration
frontend/src/pages/Admin/Admin.jsx
Other components
- Sports enthusiast
- PlayScout backend
- Messaging service
- GNews API
- Payment provider
Connections 29
- Sports enthusiast → React app and routes: uses
- React app and routes → Venue discovery: routes to
- React app and routes → Venue details: routes to
- React app and routes → Game discovery: routes to
- React app and routes → Facility booking: routes to
- React app and routes → Upcoming activity: routes to
- React app and routes → Real-time chat: routes to
- React app and routes → Sports news: routes to
- React app and routes → Sign-in and registration: shows
- React app and routes → Profile management: routes to
- React app and routes → Venue management: routes to
- React app and routes → Platform administration: routes to
- Shared client state → PlayScout backend: fetches venues and games
- Venue discovery → Shared client state: uses shared data
- Game discovery → Shared client state: uses shared data
- Create game → PlayScout backend: creates game
- Create game → Shared client state: refreshes games
- Sign-in and registration → PlayScout backend: authenticates
- OAuth completion → React app and routes: completes sign-in
- Profile management → PlayScout backend: reads and updates
- Real-time chat → PlayScout backend: loads and sends messages
- Real-time chat → Messaging service: connects by WebSocket
- Sports news → GNews API: fetches news
- Facility booking → PlayScout backend: checks and reserves
- Upcoming activity → PlayScout backend: loads and cancels
- Upcoming activity → Payment provider: starts checkout
- Payment history and outcomes → PlayScout backend: loads payment history
- Venue management → PlayScout backend: manages venues
- Platform administration → PlayScout backend: manages platform