How heisenberg300604/project-grogu-frontend works
Grogu is a browser-facing playtesting platform for indie developers and testers. Its central workflow runs from public playtest discovery and tester applications, through developer decisions and tester progress, to structured feedback and developer analytics. The frontend separates role-specific screens and interaction components from API services and a client cache; marketing pages also load public bootstrap data. The workflow and capabilities are documented in the README, while sampled service and component excerpts confirm key API/cache interactions. Some unsampled feature wiring is therefore shown only at the subsystem level.
Main entry points: services API services · discover-explorer.tsx Discover playtests · (tester) Tester pages · grogu-store.ts Client cache
Components 25
Public experience
- Marketing pages
app/(marketing) - Discover playtests
components/playtests/discover-explorer.tsx - Public detail
components/playtests/playtest-detail.tsx
Tester workflow
- Tester pages
app/(tester) - Tester dashboard
components/tester/tester-dashboard.tsx - Applications
components/applications/applications-view.tsx - Test workspace
app/(tester)/dashboard/page.tsx - Structured feedback
components/feedback/feedback-form.tsx
Developer workflow
- Developer pages
app/(developer) - Developer dashboard
components/developer/developer-dashboard.tsx - Game management
components/developer/games-view.tsx - Playtest setup
components/playtests/playtest-form.tsx - Playtest management
components/developer/manage-playtest.tsx - Analytics
components/developer/analytics-view.tsx
Client runtime
- Public data access
data/index.ts - Login and signup
app/(auth) - Authentication
lib/services/auth.ts - API services
lib/services - Bootstrap service
lib/services/bootstrap.ts - Client cache
lib/store/grogu-store.ts - HTTP client
lib/services/http.ts
Other components
- Visitor
- Tester
- Developer
- Grogu API
Connections 30
- Visitor → Marketing pages: browses
- Visitor → Discover playtests: discovers
- Discover playtests → Public detail: opens detail
- Marketing pages → Public data access: loads public data
- Public data access → Bootstrap service: requests snapshot
- Bootstrap service → HTTP client: fetches
- HTTP client → Grogu API: calls API
- Tester → Login and signup: signs in
- Developer → Login and signup: signs in
- Login and signup → Authentication: submits credentials
- Authentication → HTTP client: calls API
- Authentication → Client cache: updates session
- Tester → Tester pages: uses
- Tester pages → Tester dashboard: shows
- Tester → Discover playtests: applies
- Discover playtests → API services: submits application
- Applications → API services: withdraws application
- Tester pages → Test workspace: opens tests
- Structured feedback → API services: submits feedback
- Developer → Developer pages: uses
- Developer pages → Developer dashboard: shows
- Game management → API services: manages games
- Playtest setup → API services: creates playtest
- Playtest management → API services: decides applications
- Playtest management → API services: manages playtest
- Analytics → API services: loads analytics
- API services → HTTP client: calls API
- API services → Client cache: updates cache
- Client cache → Tester pages: serves client state
- Client cache → Developer pages: serves client state