How mrsaro1000/learn-together-timer works
StudyFlow is a study-planning web app organized around a dashboard, focus timer, collaborative study rooms, progress statistics, and settings. A student navigates the routed interface, runs a Pomodoro or focus session, and the timer records completed sessions and reads focus preferences through the Supabase API. The tree also identifies goal-setting, room video calls and tasks, and leaderboard/chart features. Source excerpts confirm the app routes, timer persistence calls, and Supabase access; wiring for unsampled pages and room features is not asserted.
Main entry points: App.tsx App routes · StudyTimer.tsx Study timer · supabase-api.ts Study data API · AppLayout.tsx App layout
Components 24
App navigation
- App routes
src/App.tsx - App layout
src/components/layout/AppLayout.tsx - Navigation bar
src/components/layout/Navbar.tsx
Study workflow
- Timer page
src/pages/Timer.tsx - Study timer
src/components/timer/StudyTimer.tsx - Timer display
src/components/timer/TimerDisplay.tsx - Timer controls
src/components/timer/TimerControls.tsx
Study rooms
- Study rooms
src/pages/StudyRooms.tsx - Room detail page
src/pages/StudyRoomDetail.tsx - Room detail
src/components/rooms/StudyRoomDetail.tsx - Room tasks
src/components/rooms/TaskList.tsx - Video call
src/components/rooms/VideoCallComponent.tsx
Goals and insights
- Dashboard
src/pages/Dashboard.tsx - Goals
src/pages/Goals.tsx - Goal setting
src/components/auth/GoalSettingForm.tsx - Statistics
src/pages/Stats.tsx - Study progress
src/components/dashboard/StudyProgress.tsx - Recent activity
src/components/dashboard/RecentActivity.tsx - Leaderboard
src/components/stats/LeaderboardCard.tsx - Settings
src/pages/Settings.tsx
Persistence
- Study data API
src/lib/supabase-api.ts - Supabase client
src/integrations/supabase/client.ts
Other components
- Student
- Supabase
Connections 16
- Student → App routes: opens app
- App routes → App layout: routes through
- App routes → Dashboard: routes to
- App routes → Timer page: routes to
- App routes → Study rooms: routes to
- App routes → Room detail page: routes to
- App routes → Statistics: routes to
- App routes → Settings: routes to
- App layout → Navigation bar: renders
- Timer page → Study timer: renders
- Study timer → Timer display: renders
- Study timer → Timer controls: renders
- Study timer → Study data API: reads preferences
- Study timer → Study data API: saves sessions
- Study data API → Supabase client: uses client
- Supabase client → Supabase: connects