How keerthika357/t-o-d-o works
This is a React task-management app: users enter through the routed home page, sign in or sign up, then reach a dashboard where they can create, list, complete, and delete tasks. The sampled task manager calls Supabase directly and updates its local task state from the results. Supabase also provides the session and authentication operations. The README advertises Google/GitHub sign-in and real-time updates, but the sampled source does not show those integrations or a realtime subscription, so those links are documented as optional and dashed. The README’s backend folder structure does not match the supplied tree.
Main entry points: supabase.ts Supabase client · Index.tsx Home and session · Dashboard.tsx Dashboard · TaskManager.tsx Task manager
Components 11
App entry
- App and routes
src/App.tsx - Home and session
src/pages/Index.tsx
Identity
- Login form
src/components/auth/Login.tsx - Signup form
src/components/auth/Signup.tsx
Task management
- Dashboard
src/components/Dashboard.tsx - Task manager
src/components/TaskManager.tsx
Supabase services
- Supabase client
src/lib/supabase.ts - Supabase Auth
- Tasks store
Other components
- User
- Google / GitHub
Connections 15
- User → App and routes: opens
- App and routes → Home and session: routes to
- Home and session → Login form: shows
- Home and session → Signup form: shows
- Home and session → Supabase client: checks session
- Login form → Supabase client: authenticates
- Signup form → Supabase client: registers
- Supabase client → Supabase Auth: auth requests
- Google / GitHub → Supabase Auth: OAuth sign-in
- Home and session → Dashboard: shows on session
- Dashboard → Supabase client: signs out
- Dashboard → Task manager: renders
- Task manager → Supabase client: task CRUD
- Supabase client → Tasks store: reads and writes
- Tasks store → Task manager: realtime updates