# shujauddin7/boise-landing-page architecture

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

- Interactive diagram: https://gitdiagram.com/shujauddin7/boise-landing-page
- Repository: https://github.com/shujauddin7/boise-landing-page

## Overview

This is a small browser-based contact and meeting-request website. Visitors submit contact or meeting forms; the JavaScript sends their details to a Google Apps Script endpoint and displays success or error feedback. The sampled code also supports popup forms, navigation, and message dismissal. The tree and excerpts do not establish the page’s script/style loading or the endpoint’s internal storage behavior, so those links are omitted.

Main entry points: [`script.js`](https://github.com/shujauddin7/boise-landing-page/blob/main/script.js) (Form handlers), [`index.html`](https://github.com/shujauddin7/boise-landing-page/blob/main/index.html) (Contact and meeting forms)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Website UI"]
  node_page["Website page<br/>[index.html]"]
  node_styles["Page styling<br/>[style.css]"]
  node_navigation["Navigation and popup<br/>[script.js]"]
end

subgraph group_submission["Form Submission"]
  node_forms["Contact and meeting forms<br/>[index.html]"]
  node_handlers["Form handlers<br/>[script.js]"]
  node_sender["Apps Script submission<br/>[script.js]"]
  node_feedback["Submission feedback<br/>[script.js]"]
end

node_visitor(("Visitor"))
node_endpoint{{"Google Apps Script endpoint"}}

node_visitor -->|"views"| node_page
node_visitor -->|"interacts"| node_navigation
node_visitor -->|"submits"| node_forms
node_forms -->|"submit event"| node_handlers
node_handlers -->|"submits data"| node_sender
node_sender -->|"POSTs data"| node_endpoint
node_handlers -->|"shows outcome"| node_feedback

click node_page "https://github.com/shujauddin7/boise-landing-page/blob/main/index.html"
click node_styles "https://github.com/shujauddin7/boise-landing-page/blob/main/style.css"
click node_navigation "https://github.com/shujauddin7/boise-landing-page/blob/main/script.js"
click node_forms "https://github.com/shujauddin7/boise-landing-page/blob/main/index.html"
click node_handlers "https://github.com/shujauddin7/boise-landing-page/blob/main/script.js"
click node_sender "https://github.com/shujauddin7/boise-landing-page/blob/main/script.js"
click node_feedback "https://github.com/shujauddin7/boise-landing-page/blob/main/script.js"

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_page,node_styles,node_navigation toneBlue
class node_forms,node_handlers,node_sender,node_feedback toneAmber
class node_visitor,node_endpoint toneIndigo
```

## Components

### Website UI

- [Website page](https://github.com/shujauddin7/boise-landing-page/blob/main/index.html): `index.html`
- [Page styling](https://github.com/shujauddin7/boise-landing-page/blob/main/style.css): `style.css`
- [Navigation and popup](https://github.com/shujauddin7/boise-landing-page/blob/main/script.js): `script.js`

### Form Submission

- [Contact and meeting forms](https://github.com/shujauddin7/boise-landing-page/blob/main/index.html): `index.html`
- [Form handlers](https://github.com/shujauddin7/boise-landing-page/blob/main/script.js): `script.js`
- [Apps Script submission](https://github.com/shujauddin7/boise-landing-page/blob/main/script.js): `script.js`
- [Submission feedback](https://github.com/shujauddin7/boise-landing-page/blob/main/script.js): `script.js`

### Other components

- **Visitor**
- **Google Apps Script endpoint**

## Connections

- Visitor → Website page: views
- Visitor → Navigation and popup: interacts
- Visitor → Contact and meeting forms: submits
- Contact and meeting forms → Form handlers: submit event
- Form handlers → Apps Script submission: submits data
- Apps Script submission → Google Apps Script endpoint: POSTs data
- Form handlers → Submission feedback: shows outcome