# simthet03/chuma-mbambisa-foundation architecture

> Architecture diagram of the GitHub repository simthet03/chuma-mbambisa-foundation, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-14). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/simthet03/chuma-mbambisa-foundation
- Repository: https://github.com/simthet03/chuma-mbambisa-foundation

## Overview

This repository is a static charity-foundation website, with pages for donations, events, stories, products, volunteering, and contact. A visitor browses those pages; the JavaScript adds interactive presentation features, and the PHP mailer handles submitted contact details. The source excerpts show the JavaScript behaviors and mailer implementation, but not the HTML wiring between pages, scripts, and form handler, so those connections are omitted. The broader page capabilities are represented from the file tree; their individual contents were not sampled.

Main entry points: [`php/mailer.php`](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/php/mailer.php) (Contact mailer)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Foundation website"]
  node_home["Home pages<br/>[index.html]"]
  node_about["About foundation<br/>[about.html]"]
  node_donations["Donations"]
  node_donation_detail["Donation details"]
  node_events["Events<br/>[events.html]"]
  node_event_detail["Event details<br/>[event-details.html]"]
  node_golf["Golf event"]
  node_stories["Stories<br/>[stories.html]"]
  node_story_detail["Story details"]
  node_products["Products<br/>[products.html]"]
  node_product_detail["Product details"]
  node_volunteers["Volunteers<br/>[volunteers.html]"]
  node_faq["FAQ<br/>[faq.html]"]
  node_contact_page["Contact page<br/>[contact.html]"]
  node_blog["Blog pages<br/>[blog.html]"]
  node_blog_detail["Blog details<br/>[blog-details.html]"]
end

subgraph group_interaction["Browser interactions"]
  node_browser_ui["Interactive UI<br/>[app.js]"]
end

subgraph group_contact["Contact handling"]
  node_mailer["Contact mailer<br/>[mailer.php]"]
end

node_visitor(("Visitor"))
node_email["Email service"]

node_mailer -->|"sends email"| node_email

click node_home "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/index.html"
click node_about "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/about.html"
click node_donations "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/donation-listing.html"
click node_donation_detail "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/donation-details.html"
click node_events "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/events.html"
click node_event_detail "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/event-details.html"
click node_golf "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/friends-of-chuma-golf.html"
click node_stories "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/stories.html"
click node_story_detail "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/stories-details.html"
click node_products "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/products.html"
click node_product_detail "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/product-details.html"
click node_volunteers "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/volunteers.html"
click node_faq "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/faq.html"
click node_contact_page "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/contact.html"
click node_blog "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/blog.html"
click node_blog_detail "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/blog-details.html"
click node_browser_ui "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/js/app.js"
click node_mailer "https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/php/mailer.php"

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_home,node_about,node_donations,node_donation_detail,node_events,node_event_detail,node_golf,node_stories,node_story_detail,node_products,node_product_detail,node_volunteers,node_faq,node_contact_page,node_blog,node_blog_detail toneBlue
class node_browser_ui toneAmber
class node_mailer toneMint
class node_visitor,node_email toneIndigo
```

## Components

### Foundation website

- [Home pages](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/index.html): `index.html`
- [About foundation](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/about.html): `about.html`
- [Donations](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/donation-listing.html): `donation-listing.html`
- [Donation details](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/donation-details.html): `donation-details.html`
- [Events](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/events.html): `events.html`
- [Event details](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/event-details.html): `event-details.html`
- [Golf event](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/friends-of-chuma-golf.html): `friends-of-chuma-golf.html`
- [Stories](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/stories.html): `stories.html`
- [Story details](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/stories-details.html): `stories-details.html`
- [Products](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/products.html): `products.html`
- [Product details](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/product-details.html): `product-details.html`
- [Volunteers](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/volunteers.html): `volunteers.html`
- [FAQ](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/faq.html): `faq.html`
- [Contact page](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/contact.html): `contact.html`
- [Blog pages](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/blog.html): `blog.html`
- [Blog details](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/blog-details.html): `blog-details.html`

### Browser interactions

- [Interactive UI](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/js/app.js): `js/app.js`

### Contact handling

- [Contact mailer](https://github.com/simthet03/chuma-mbambisa-foundation/blob/main/php/mailer.php): `php/mailer.php`

### Other components

- **Visitor**
- **Email service**

## Connections

- Contact mailer → Email service: sends email (evidence: `php/mailer.php`)