# mcmtashutosh-code/cbt-web-project architecture

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

- Interactive diagram: https://gitdiagram.com/mcmtashutosh-code/cbt-web-project
- Repository: https://github.com/mcmtashutosh-code/cbt-web-project

## Overview

This appears to be a small installable web app. The sampled service worker supports installation and activation, then passes fetch requests directly to the network; its comment says app data is live from Supabase. The HTML files and manifest are present, but their contents and the app’s request flow were not sampled, so those details cannot be mapped confidently.

Main entry points: [`service-worker.js`](https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/service-worker.js) (Service worker), [`index.html`](https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/index.html) (Web app)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_user(("User"))
node_app["Web app<br/>[index.html]"]
node_worker["Service worker<br/>[service-worker.js]"]
node_browser["Browser"]
node_network["Network"]
node_manifest["Web manifest<br/>[manifest.json]"]
node_portaltest["Portal test page<br/>[portal-test.html]"]

node_user -->|"uses"| node_app
node_browser -->|"dispatches events"| node_worker
node_worker -->|"forwards requests"| node_network

click node_app "https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/index.html"
click node_worker "https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/service-worker.js"
click node_manifest "https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/manifest.json"
click node_portaltest "https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/portal-test.html"

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_user,node_browser toneBlue
class node_app,node_manifest,node_portaltest toneTeal
class node_worker toneRose
class node_network toneIndigo
```

## Components

### Other components

- **User**
- [Web app](https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/index.html): `index.html`
- [Service worker](https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/service-worker.js): `service-worker.js`
- **Browser**
- **Network**
- [Web manifest](https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/manifest.json): `manifest.json`
- [Portal test page](https://github.com/mcmtashutosh-code/cbt-web-project/blob/main/portal-test.html): `portal-test.html`

## Connections

- User → Web app: uses
- Browser → Service worker: dispatches events
- Service worker → Network: forwards requests