# keerthika357/t-o-d-o architecture

> Architecture diagram of the GitHub repository keerthika357/t-o-d-o, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/keerthika357/t-o-d-o
- Repository: https://github.com/keerthika357/t-o-d-o

## Overview

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: [`src/lib/supabase.ts`](https://github.com/keerthika357/t-o-d-o/blob/main/src/lib/supabase.ts) (Supabase client), [`src/pages/Index.tsx`](https://github.com/keerthika357/t-o-d-o/blob/main/src/pages/Index.tsx) (Home and session), [`src/components/Dashboard.tsx`](https://github.com/keerthika357/t-o-d-o/blob/main/src/components/Dashboard.tsx) (Dashboard), [`src/components/TaskManager.tsx`](https://github.com/keerthika357/t-o-d-o/blob/main/src/components/TaskManager.tsx) (Task manager)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_entry["App entry"]
  node_app["App and routes<br/>[App.tsx]"]
  node_home["Home and session<br/>[Index.tsx]"]
end

subgraph group_identity["Identity"]
  node_login["Login form<br/>[Login.tsx]"]
  node_signup["Signup form<br/>[Signup.tsx]"]
end

subgraph group_tasks["Task management"]
  node_dashboard["Dashboard<br/>[Dashboard.tsx]"]
  node_taskmanager["Task manager<br/>[TaskManager.tsx]"]
end

subgraph group_services["Supabase services"]
  node_client["Supabase client<br/>[supabase.ts]"]
  node_auth["Supabase Auth"]
  node_taskstore[("Tasks store")]
end

node_user(("User"))
node_providers(("Google / GitHub"))

node_user -->|"opens"| node_app
node_app -->|"routes to"| node_home
node_home -->|"shows"| node_login
node_home -->|"shows"| node_signup
node_home -->|"checks session"| node_client
node_login -->|"authenticates"| node_client
node_signup -->|"registers"| node_client
node_client -->|"auth requests"| node_auth
node_providers -.->|"OAuth sign-in"| node_auth
node_home -->|"shows on session"| node_dashboard
node_dashboard -->|"signs out"| node_client
node_dashboard -->|"renders"| node_taskmanager
node_taskmanager -->|"task CRUD"| node_client
node_client -->|"reads and writes"| node_taskstore
node_taskstore -.->|"realtime updates"| node_taskmanager

click node_app "https://github.com/keerthika357/t-o-d-o/blob/main/src/App.tsx"
click node_home "https://github.com/keerthika357/t-o-d-o/blob/main/src/pages/Index.tsx"
click node_login "https://github.com/keerthika357/t-o-d-o/blob/main/src/components/auth/Login.tsx"
click node_signup "https://github.com/keerthika357/t-o-d-o/blob/main/src/components/auth/Signup.tsx"
click node_dashboard "https://github.com/keerthika357/t-o-d-o/blob/main/src/components/Dashboard.tsx"
click node_taskmanager "https://github.com/keerthika357/t-o-d-o/blob/main/src/components/TaskManager.tsx"
click node_client "https://github.com/keerthika357/t-o-d-o/blob/main/src/lib/supabase.ts"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_app,node_home,node_user toneBlue
class node_login,node_signup toneAmber
class node_dashboard,node_taskmanager toneMint
class node_client,node_auth,node_taskstore toneRose
class node_providers toneIndigo
```

## Components

### App entry

- [App and routes](https://github.com/keerthika357/t-o-d-o/blob/main/src/App.tsx): `src/App.tsx`
- [Home and session](https://github.com/keerthika357/t-o-d-o/blob/main/src/pages/Index.tsx): `src/pages/Index.tsx`

### Identity

- [Login form](https://github.com/keerthika357/t-o-d-o/blob/main/src/components/auth/Login.tsx): `src/components/auth/Login.tsx`
- [Signup form](https://github.com/keerthika357/t-o-d-o/blob/main/src/components/auth/Signup.tsx): `src/components/auth/Signup.tsx`

### Task management

- [Dashboard](https://github.com/keerthika357/t-o-d-o/blob/main/src/components/Dashboard.tsx): `src/components/Dashboard.tsx`
- [Task manager](https://github.com/keerthika357/t-o-d-o/blob/main/src/components/TaskManager.tsx): `src/components/TaskManager.tsx`

### Supabase services

- [Supabase client](https://github.com/keerthika357/t-o-d-o/blob/main/src/lib/supabase.ts): `src/lib/supabase.ts`
- **Supabase Auth**
- **Tasks store**

### Other components

- **User**
- **Google / GitHub**

## Connections

- 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