How zainul18-tech/leetcode_trackerdashboard works
This appears to be an academic progress dashboard for staff and students: staff manage classes, students, tasks, and activities, while student and class pages present progress. The sampled task and activity pages create Supabase clients; the class-detail panel supports filtering student progress and exporting results. The README is only the generic Next.js starter README, so product capabilities are inferred from routes and types. Several routes and the sync endpoint were not sampled; their internal behavior and connections are therefore left unspecified.
Main entry points: DashboardLayout.tsx Dashboard shell · client.ts Supabase client · page.tsx Staff dashboard · ClassDetailPanel.tsx Class progress
Components 27
Dashboard experience
- Staff dashboard
app/dashboard/staff/page.tsx - Department view
app/dashboard/staff/department/page.tsx - Staff details
app/dashboard/staff/staff-detail/page.tsx - Student directory
app/dashboard/staff/students/page.tsx - Class detail route
components/staff-dashboard/classes/[classId]/page.tsx - Class task detail
app/dashboard/staff/task-detail-class/[taskId]/[classId]/page.tsx - Student view
app/dashboard/student/[id]/page.tsx - Admin overview
app/dashboard/admin/page.tsx - Class overview
app/dashboard/class/[id]/page.tsx - My class
app/dashboard/class/my-class/page.tsx - Settings
app/dashboard/settings/page.tsx
Staff workflows
- Activities
app/dashboard/staff/activity/page.tsx - Task management
app/dashboard/staff/task/page.tsx - Class progress
components/staff-dashboard/ClassDetailPanel.tsx - Staff settings
components/staff-dashboard/settings/SettingsPanel.tsx - Class list panel
components/staff-dashboard/ClassesPanel.tsx - Streak leaderboard
components/staff-dashboard/StreakLeaderboard.tsx
Data and services
- Staff class hook
lib/hooks/use-staff-classes.ts - Mock data
lib/mock-data.ts - Sync endpoint
app/api/sync/route.ts - Supabase client
lib/supabase/client.ts - Supabase service
- Student export
lib/export-utils.ts
Shared interface
- Dashboard shell
components/layout/DashboardLayout.tsx - Navigation sidebar
components/layout/Sidebar.tsx - Top navigation
components/layout/TopNav.tsx
Other components
- Dashboard user
Connections 21
- Dashboard user → Staff dashboard: opens
- Staff dashboard → Dashboard shell: renders
app/dashboard/staff/page.tsx - Activities → Dashboard shell: renders
app/dashboard/staff/activity/page.tsx - Task management → Dashboard shell: renders
app/dashboard/staff/task/page.tsx - Department view → Dashboard shell: renders
app/dashboard/staff/department/page.tsx - Staff details → Dashboard shell: renders
app/dashboard/staff/staff-detail/page.tsx - Student directory → Dashboard shell: renders
app/dashboard/staff/students/page.tsx - Class detail route → Dashboard shell: renders
components/staff-dashboard/classes/[classId]/page.tsx - Student view → Dashboard shell: renders
app/dashboard/student/[id]/page.tsx - Admin overview → Dashboard shell: renders
app/dashboard/admin/page.tsx - Dashboard shell → Navigation sidebar: renders
components/layout/DashboardLayout.tsx - Dashboard shell → Top navigation: renders
components/layout/DashboardLayout.tsx - Dashboard shell → Class progress: renders
components/layout/DashboardLayout.tsx - Class detail route → Class progress: renders
components/staff-dashboard/classes/[classId]/page.tsx - Staff dashboard → Staff settings: renders
app/dashboard/staff/page.tsx - Activities → Supabase client: creates client
app/dashboard/staff/activity/page.tsx - Task management → Supabase client: creates client
app/dashboard/staff/task/page.tsx - Supabase client → Supabase service: connects to
- Class progress → Student export: exports students
components/staff-dashboard/ClassDetailPanel.tsx - Navigation sidebar → Staff class hook: uses classes
components/layout/Sidebar.tsx - Staff class hook → Supabase client: uses client
lib/hooks/use-staff-classes.ts