# kimmcondoness/taskmanagerapp architecture

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

- Interactive diagram: https://gitdiagram.com/kimmcondoness/taskmanagerapp
- Repository: https://github.com/kimmcondoness/taskmanagerapp

## Overview

This is a mobile task manager: users create or edit tasks, optionally assign due dates, mark tasks complete, search the list, and see completion progress. MainScreen persists task state locally; the tree also contains separate due-soon and deleted-task screens. The sampled source confirms MainScreen’s storage and date-picker interactions, but does not show how those additional screens receive or derive their data.

Main entry points: [`app/MainScreen.tsx`](https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/MainScreen.tsx) (Task list), [`App.tsx`](https://github.com/kimmcondoness/taskmanagerapp/blob/master/App.tsx) (App navigator), [`app/DueSoon.tsx`](https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/DueSoon.tsx) (Due soon)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_navigation["App navigation"]
  node_app["App navigator<br/>[App.tsx]"]
end

subgraph group_tasks["Task management"]
  node_main["Task list<br/>[MainScreen.tsx]"]
  node_due["Due soon<br/>[DueSoon.tsx]"]
  node_deleted["Deleted tasks<br/>[DeletedTasks.tsx]"]
end

subgraph group_platform["Platform services"]
  node_storage[("Async storage")]
  node_picker["Date picker"]
end

node_user(("User"))

node_user -->|"opens app"| node_app
node_app -->|"routes to"| node_main
node_app -->|"routes to"| node_due
node_user -->|"manages tasks"| node_main
node_main -->|"loads tasks"| node_storage
node_main -->|"saves tasks"| node_storage
node_main -->|"selects due date"| node_picker

click node_app "https://github.com/kimmcondoness/taskmanagerapp/blob/master/App.tsx"
click node_main "https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/MainScreen.tsx"
click node_due "https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/DueSoon.tsx"
click node_deleted "https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/DeletedTasks.tsx"

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_user toneBlue
class node_main,node_due,node_deleted toneAmber
class node_storage,node_picker toneMint
```

## Components

### App navigation

- [App navigator](https://github.com/kimmcondoness/taskmanagerapp/blob/master/App.tsx): `App.tsx`

### Task management

- [Task list](https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/MainScreen.tsx): `app/MainScreen.tsx`
- [Due soon](https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/DueSoon.tsx): `app/DueSoon.tsx`
- [Deleted tasks](https://github.com/kimmcondoness/taskmanagerapp/blob/master/app/DeletedTasks.tsx): `app/DeletedTasks.tsx`

### Platform services

- **Async storage**
- **Date picker**

### Other components

- **User**

## Connections

- User → App navigator: opens app
- App navigator → Task list: routes to
- App navigator → Due soon: routes to
- User → Task list: manages tasks
- Task list → Async storage: loads tasks
- Task list → Async storage: saves tasks
- Task list → Date picker: selects due date