How warmarth/folio_frontend works
Folio is a Next.js frontend for a developer-learning platform; its business logic and persistence live in a separate backend API. Learners register or sign in, build a profile, browse exercises and submit work, and discover mentors. Mentors create exercises and review submissions. The graph preserves the documented project, progress, code-review, settings, and mentorship areas; several of those routes were not sampled, so their internal API wiring is not asserted.
Main entry points: me/page.tsx Profile management · register/page.tsx Registration · login/page.tsx Sign in · [id]/page.tsx Exercise detail
Components 21
Public access
- Landing page
app/page.tsx
Identity and profile
- Registration
app/register/page.tsx - Sign in
app/login/page.tsx - Profile management
app/me/page.tsx - Profile form
app/components/createProfile.tsx
Learner workflows
- Learner dashboard
app/dashboard/page.tsx - Exercise catalog
app/dashboard/exercises/page.tsx - Exercise detail
app/dashboard/exercises/[id]/page.tsx - Exercise submission
app/components/submitExercise.tsx - Learner tools
app/dashboard - Mentor discovery
app/dashboard/mentorship/page.tsx - Mentor details
app/dashboard/mentorship/[id]/page.tsx
Mentor workflows
- Mentor dashboard
app/mentor/dashboard/page.tsx - Exercise creation
app/mentor/components/CreateExerciseForm.tsx - Exercise management
app/mentor/exercises/page.tsx - Submission review
app/mentor/submissions/page.tsx - Learner and performance tools
app/mentor - Mentor navigation
app/mentor/layout.tsx
API integration
- Mentor API client
lib/api/mentors.ts
Other components
- Visitor
- Folio backend API
Connections 26
- Visitor → Landing page: opens
- Visitor → Registration: creates account
- Visitor → Sign in: signs in
- Registration → Folio backend API: registers
- Sign in → Folio backend API: authenticates
- Visitor → Profile management: manages profile
- Profile management → Profile form: renders
- Profile management → Folio backend API: uploads and saves
- Visitor → Learner dashboard: uses dashboard
- Visitor → Exercise catalog: browses
- Visitor → Exercise detail: opens exercise
- Exercise detail → Exercise submission: renders submission
- Exercise submission → Folio backend API: submits work
- Visitor → Learner tools: uses tools
- Visitor → Mentor discovery: finds mentor
- Mentor discovery → Mentor API client: loads mentors
- Visitor → Mentor details: views details
- Mentor API client → Folio backend API: requests data
- Visitor → Mentor dashboard: opens dashboard
- Mentor dashboard → Folio backend API: loads exercises and submissions
- Visitor → Exercise creation: creates exercise
- Exercise creation → Folio backend API: creates exercise
- Visitor → Exercise management: manages exercises
- Visitor → Submission review: reviews work
- Visitor → Learner and performance tools: uses mentor tools
- Mentor navigation → Folio backend API: loads mentees