How whiteboxhub/wbl-frontend works
Whitebox Learning is a multi-area learning and talent platform. A candidate-facing AI-prep journey progresses from assessment discovery through device checks and a recorded session to processing and reports; the tree supports these distinct stages, though the sampled sources do not show their page-level wiring. The product also exposes training, resume-building, coding practice, and extensive recruiting and employee operations. Sampled service code confirms assessment API requests; other backend connections are not inferred.
Main entry points: avatar/page.tsx Operations portal · [assessmentId]/page.tsx Assessment session · aiprep/page.tsx Prep dashboard · assessmentService.ts Assessment service
Components 27
AI Preparation
- Prep dashboard
app/aiprep/page.tsx - Device check
app/aiprep/device-check/page.tsx - Assessment session
app/aiprep/session/[assessmentId]/page.tsx - Session processing
app/aiprep/session/[assessmentId]/processing/page.tsx - Assessment report
app/aiprep/reports/[assessmentId]/page.tsx - Reports dashboard
app/aiprep/reports/dashboard/page.tsx - Assessment components
components/aiprep - Recording and vision
hooks/useMediaRecorder.ts - Vision diagnostics
hooks/useMediaPipeVision.ts - Chunked upload
components/aiprep/ChunkedUploader.tsx - Assessment service
services/assessmentService.ts
Learning Products
- Learning homepage
app/page.tsx - Training courses
app/avatar/training - Resume builder
app/resume/page.tsx - Coding practice
app/coderpad/page.tsx
Talent Operations
- Operations portal
app/avatar/page.tsx - Recruiting operations
app/avatar/candidates - Company records
app/avatar/companies/page.tsx - Outreach workflows
app/avatar/workflow - Placement management
app/avatar/placements - Employee operations
app/avatar/employee
Shared Services
- Authentication
app/api/auth/[...nextauth]/route.ts - Client auth state
utils/AuthContext.js - API client
lib/api.js - Contact form
components/Contact/index.tsx
Other components
- Candidate
- Application backend
Connections 28
- Candidate → Prep dashboard: opens prep
- Prep dashboard → Device check: starts assessment
- Device check → Assessment session: continues to session
- Assessment session → Session processing: submits recording
- Session processing → Assessment report: continues to report
- Candidate → Reports dashboard: opens reports
- Assessment session → Recording and vision: uses recording
- Recording and vision → Vision diagnostics: diagnoses video
- Assessment session → Chunked upload: uploads chunks
- Prep dashboard → Assessment components: renders assessments
- Reports dashboard → Assessment service: requests assessments
- Assessment report → Assessment service: requests report
- Assessment service → API client: calls
- API client → Application backend: sends API requests
- Candidate → Learning homepage: visits
- Candidate → Training courses: takes courses
- Candidate → Resume builder: builds resume
- Candidate → Coding practice: practices coding
- Candidate → Authentication: signs in
- Authentication → Client auth state: provides auth state
- Candidate → Operations portal: uses portal
- Operations portal → Recruiting operations: supports recruiting
- Operations portal → Company records: manages companies
- Operations portal → Outreach workflows: manages outreach
- Operations portal → Placement management: manages placements
- Operations portal → Employee operations: supports employees
- Candidate → Contact form: sends inquiry
- Contact form → Application backend: posts contact form