# ridwanridu/alokitopoth architecture

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

- Interactive diagram: https://gitdiagram.com/ridwanridu/alokitopoth
- Repository: https://github.com/ridwanridu/alokitopoth

## Overview

#### Purpose and deployment
A static, Bengali-language “Smart Muslim Dashboard” that curates direct links to Islamic Android apps and web resources. It is designed to run directly from a local file or as a GitHub Pages site; no application server or build pipeline is indicated.

Paths: `index.html`, `README.md`

#### Entry point and UI composition
`index.html` is the sole runtime entry point. It contains the page structure, presentation styling, and outbound navigation for the dashboard. The browser loads it as a self-contained HTML5 document.

Path: `index.html`

#### Resource-directory content model
The core product function is a collection of dashboard cards/links for six resources: prayer-learning, supplications, hadith, Quran, prayer times/calendar, and an online hadith site. User interaction is intentionally shallow: selecting a resource navigates directly to its Play Store listing or external website.

Path: `index.html`

#### Presentation layer
The frontend is a responsive, glassmorphism-oriented interface intended for mobile, tablet, and desktop browsers. CSS is embedded or otherwise delivered through the single page; there are no separate component, asset, or stylesheet directories in the repository.

Path: `index.html`

#### External dependencies and boundaries
The page relies on externally hosted Font Awesome icons and the Kalpurush Bengali font, plus third-party destinations for the listed applications and web resource. These are browser-time dependencies outside repository control. External link availability and destination behavior are therefore a primary boundary.

Paths: `index.html`, `README.md`

#### Runtime and infrastructure
Runtime is any standards-compliant web browser. The documented production hosting target is GitHub Pages, with the published demo at `ridwanridu.github.io/alokitopoth`. There are no backend APIs, databases, authentication flows, client state stores, or server-side services represented in the repository.

Paths: `README.md`, `index.html`

Main entry points: [`index.html`](https://github.com/ridwanridu/alokitopoth/blob/main/index.html) (Resource directory), [`README.md`](https://github.com/ridwanridu/alokitopoth/blob/main/README.md) (GitHub Pages)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_repo["Static site"]
  node_index["Dashboard page<br/>HTML entry point<br/>[index.html]"]
  node_layout["Responsive UI<br/>embedded CSS<br/>[index.html]"]
  node_resource_cards["Resource directory<br/>dashboard cards<br/>[index.html]"]
  node_readme["Project documentation<br/>README<br/>[README.md]"]
end

subgraph group_external["External services"]
  node_prayer_learning["Prayer learning<br/>external app link"]
  node_supplications["Supplications<br/>external app link"]
  node_hadith_app["Hadith app<br/>external app link"]
  node_quran["Quran<br/>external app link"]
  node_prayer_times["Prayer times &amp; calendar<br/>external app link"]
  node_hadith_site["Online hadith site<br/>external website"]
  node_font_awesome["Font Awesome<br/>icon CDN"]
  node_kalpurush["Kalpurush font<br/>web font"]
end

node_browser(("Web browser<br/>runtime"))
node_github_pages{{"GitHub Pages<br/>static hosting<br/>[README.md]"}}

node_github_pages -->|"serves"| node_index
node_browser -->|"loads"| node_index
node_index -->|"contains"| node_layout
node_index -->|"renders"| node_resource_cards
node_index -.->|"loads icons"| node_font_awesome
node_index -.->|"loads font"| node_kalpurush
node_resource_cards -->|"navigates"| node_prayer_learning
node_resource_cards -->|"navigates"| node_supplications
node_resource_cards -->|"navigates"| node_hadith_app
node_resource_cards -->|"navigates"| node_quran
node_resource_cards -->|"navigates"| node_prayer_times
node_resource_cards -->|"navigates"| node_hadith_site
node_readme -.->|"documents deployment"| node_github_pages

click node_github_pages "https://github.com/ridwanridu/alokitopoth/blob/main/README.md"
click node_index "https://github.com/ridwanridu/alokitopoth/blob/main/index.html"
click node_layout "https://github.com/ridwanridu/alokitopoth/blob/main/index.html"
click node_resource_cards "https://github.com/ridwanridu/alokitopoth/blob/main/index.html"
click node_readme "https://github.com/ridwanridu/alokitopoth/blob/main/README.md"

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_index,node_layout,node_resource_cards,node_readme toneBlue
class node_prayer_learning,node_supplications,node_hadith_app,node_quran,node_prayer_times,node_hadith_site,node_font_awesome,node_kalpurush toneAmber
class node_browser,node_github_pages toneNeutral
```

## Components

### Static site

- [Dashboard page](https://github.com/ridwanridu/alokitopoth/blob/main/index.html): HTML entry point · Self-contained Bengali Smart Muslim Dashboard. · `index.html`
- [Responsive UI](https://github.com/ridwanridu/alokitopoth/blob/main/index.html): embedded CSS · Glassmorphism-oriented mobile, tablet, and desktop presentation. · `index.html`
- [Resource directory](https://github.com/ridwanridu/alokitopoth/blob/main/index.html): dashboard cards · Six direct-link Islamic resources. · `index.html`
- [Project documentation](https://github.com/ridwanridu/alokitopoth/blob/main/README.md): README · Documents GitHub Pages deployment. · `README.md`

### External services

Browser-time dependencies and link destinations outside the repository.

- **Prayer learning**: external app link
- **Supplications**: external app link
- **Hadith app**: external app link
- **Quran**: external app link
- **Prayer times & calendar**: external app link
- **Online hadith site**: external website
- **Font Awesome**: icon CDN
- **Kalpurush font**: web font

### Other components

- **Web browser**: runtime · Loads the dashboard from a local file or static host.
- [GitHub Pages](https://github.com/ridwanridu/alokitopoth/blob/main/README.md): static hosting · Documented production hosting target. · `README.md`

## Connections

- GitHub Pages → Dashboard page: serves
- Web browser → Dashboard page: loads
- Dashboard page → Responsive UI: contains
- Dashboard page → Resource directory: renders
- Dashboard page → Font Awesome: loads icons
- Dashboard page → Kalpurush font: loads font
- Resource directory → Prayer learning: navigates
- Resource directory → Supplications: navigates
- Resource directory → Hadith app: navigates
- Resource directory → Quran: navigates
- Resource directory → Prayer times & calendar: navigates
- Resource directory → Online hadith site: navigates
- Project documentation → GitHub Pages: documents deployment