# danielrr19/myapp-notas architecture

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

- Interactive diagram: https://gitdiagram.com/danielrr19/myapp-notas
- Repository: https://github.com/danielrr19/myapp-notas

## Overview

This is an Ionic/Angular task-management app with a Capacitor Android host. Its visible domain stages are creating and listing tasks, viewing details, marking tasks complete, and reviewing completed tasks; task state is persisted locally. The sampled task service also monitors connectivity and can select a photo, while a separate API service fetches paginated JSONPlaceholder todos. The README is empty, and page implementations and app routing were not sampled, so page-to-service and navigation wiring is omitted rather than inferred.

Main entry points: [`src/app/services/tasks-service.service.ts`](https://github.com/danielrr19/myapp-notas/blob/main/src/app/services/tasks-service.service.ts) (Task service), [`src/app/services/taks-api.service.ts`](https://github.com/danielrr19/myapp-notas/blob/main/src/app/services/taks-api.service.ts) (Tasks API client), [`src/app/app.component.ts`](https://github.com/danielrr19/myapp-notas/blob/main/src/app/app.component.ts) (App shell)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_ui["Task experience"]
  node_app["App shell<br/>[app.component.ts]"]
  node_create["Create task"]
  node_list["Task list<br/>[list-task.page.ts]"]
  node_details["Task details<br/>[details.page.ts]"]
  node_completed["Completed tasks"]
  node_tabs["Tab navigation<br/>[tabs.page.ts]"]
  node_folder["Folder page<br/>[folder.page.ts]"]
end

subgraph group_domain["Task services"]
  node_taskservice["Task service"]
  node_taskmodel["Task model<br/>[tasks.ts]"]
end

subgraph group_integrations["Device and remote"]
  node_api["Tasks API client"]
  node_storage[("Local task storage")]
  node_network["Network status"]
  node_camera["Photo library"]
end

node_user(("User"))
node_jsonplaceholder["JSONPlaceholder"]

node_user -->|"uses"| node_app
node_taskservice -->|"reads and writes"| node_storage
node_taskservice -->|"checks status"| node_network
node_taskservice -->|"selects photo"| node_camera
node_api -->|"fetches todos"| node_jsonplaceholder

click node_app "https://github.com/danielrr19/myapp-notas/blob/main/src/app/app.component.ts"
click node_create "https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/create-task/create-task.page.ts"
click node_list "https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/list-task/list-task.page.ts"
click node_details "https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/details/details.page.ts"
click node_completed "https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/completed-task/completed-task.page.ts"
click node_tabs "https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/tabs/tabs.page.ts"
click node_folder "https://github.com/danielrr19/myapp-notas/blob/main/src/app/folder/folder.page.ts"
click node_taskservice "https://github.com/danielrr19/myapp-notas/blob/main/src/app/services/tasks-service.service.ts"
click node_taskmodel "https://github.com/danielrr19/myapp-notas/blob/main/src/app/models/tasks.ts"
click node_api "https://github.com/danielrr19/myapp-notas/blob/main/src/app/services/taks-api.service.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_create,node_list,node_details,node_completed,node_tabs,node_folder,node_user toneBlue
class node_taskservice,node_taskmodel toneAmber
class node_api,node_storage,node_network,node_camera toneMint
class node_jsonplaceholder toneIndigo
```

## Components

### Task experience

- [App shell](https://github.com/danielrr19/myapp-notas/blob/main/src/app/app.component.ts): `src/app/app.component.ts`
- [Create task](https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/create-task/create-task.page.ts): `src/app/pages/create-task/create-task.page.ts`
- [Task list](https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/list-task/list-task.page.ts): `src/app/pages/list-task/list-task.page.ts`
- [Task details](https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/details/details.page.ts): `src/app/pages/details/details.page.ts`
- [Completed tasks](https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/completed-task/completed-task.page.ts): `src/app/pages/completed-task/completed-task.page.ts`
- [Tab navigation](https://github.com/danielrr19/myapp-notas/blob/main/src/app/pages/tabs/tabs.page.ts): `src/app/pages/tabs/tabs.page.ts`
- [Folder page](https://github.com/danielrr19/myapp-notas/blob/main/src/app/folder/folder.page.ts): `src/app/folder/folder.page.ts`

### Task services

- [Task service](https://github.com/danielrr19/myapp-notas/blob/main/src/app/services/tasks-service.service.ts): `src/app/services/tasks-service.service.ts`
- [Task model](https://github.com/danielrr19/myapp-notas/blob/main/src/app/models/tasks.ts): `src/app/models/tasks.ts`

### Device and remote

- [Tasks API client](https://github.com/danielrr19/myapp-notas/blob/main/src/app/services/taks-api.service.ts): `src/app/services/taks-api.service.ts`
- **Local task storage**
- **Network status**
- **Photo library**

### Other components

- **User**
- **JSONPlaceholder**

## Connections

- User → App shell: uses
- Task service → Local task storage: reads and writes
- Task service → Network status: checks status
- Task service → Photo library: selects photo
- Tasks API client → JSONPlaceholder: fetches todos