# dodey312321/amfaye-bites architecture

> Architecture diagram of the GitHub repository dodey312321/amfaye-bites, 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/dodey312321/amfaye-bites
- Repository: https://github.com/dodey312321/amfaye-bites

## Overview

Amfaye Bites is a small static storefront for browsing and ordering bite-sized desserts. The visible runtime includes a product catalog, cart, account modal, and delivery-versus-pickup checkout behavior. The page tree also indicates brand-story, branch, and review pages, but their implementation and wiring were not sampled; these are shown as separate storefront destinations. The available excerpts show local account/cart behavior rather than a connected backend, so no external service is represented.

Main entry points: [`script.js`](https://github.com/dodey312321/amfaye-bites/blob/main/script.js) (Cart state and actions), [`cart.html`](https://github.com/dodey312321/amfaye-bites/blob/main/cart.html) (Cart page), [`home.html`](https://github.com/dodey312321/amfaye-bites/blob/main/home.html) (Home page), [`index.html`](https://github.com/dodey312321/amfaye-bites/blob/main/index.html) (Store entry)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_storefront["Storefront"]
  node_home["Home page<br/>[home.html]"]
  node_index["Store entry<br/>[index.html]"]
  node_products_page["Products page<br/>[products.html]"]
  node_story["Brand story<br/>[story.html]"]
  node_branches["Branches page<br/>[branches.html]"]
  node_reviews["Reviews page<br/>[reviews.html]"]
end

subgraph group_commerce["Shopping and Orders"]
  node_catalog["Product catalog<br/>[script.js]"]
  node_product_view["Product display<br/>[script.js]"]
  node_cart_page["Cart page<br/>[cart.html]"]
  node_cart_state["Cart state and actions<br/>[script.js]"]
  node_checkout["Checkout<br/>[script.js]"]
  node_order_success["Order success modal<br/>[script.js]"]
end

subgraph group_account["Account"]
  node_auth["Login and signup<br/>[script.js]"]
end

node_shopper(("Shopper"))

node_shopper -->|"visits"| node_home
node_shopper -->|"visits"| node_index
node_shopper -->|"browses"| node_products_page
node_shopper -->|"visits"| node_story
node_shopper -->|"visits"| node_branches
node_shopper -->|"visits"| node_reviews
node_shopper -->|"views"| node_product_view
node_catalog -->|"renders products"| node_product_view
node_shopper -->|"opens"| node_cart_page
node_cart_state -->|"renders cart"| node_cart_page
node_shopper -->|"changes quantities"| node_cart_state
node_shopper -->|"submits details"| node_checkout
node_shopper -->|"uses account form"| node_auth
node_checkout -->|"dismisses"| node_order_success

click node_home "https://github.com/dodey312321/amfaye-bites/blob/main/home.html"
click node_index "https://github.com/dodey312321/amfaye-bites/blob/main/index.html"
click node_products_page "https://github.com/dodey312321/amfaye-bites/blob/main/products.html"
click node_story "https://github.com/dodey312321/amfaye-bites/blob/main/story.html"
click node_branches "https://github.com/dodey312321/amfaye-bites/blob/main/branches.html"
click node_reviews "https://github.com/dodey312321/amfaye-bites/blob/main/reviews.html"
click node_catalog "https://github.com/dodey312321/amfaye-bites/blob/main/script.js"
click node_product_view "https://github.com/dodey312321/amfaye-bites/blob/main/script.js"
click node_cart_page "https://github.com/dodey312321/amfaye-bites/blob/main/cart.html"
click node_cart_state "https://github.com/dodey312321/amfaye-bites/blob/main/script.js"
click node_checkout "https://github.com/dodey312321/amfaye-bites/blob/main/script.js"
click node_order_success "https://github.com/dodey312321/amfaye-bites/blob/main/script.js"
click node_auth "https://github.com/dodey312321/amfaye-bites/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_home,node_index,node_products_page,node_story,node_branches,node_reviews toneBlue
class node_catalog,node_product_view,node_cart_page,node_cart_state,node_checkout,node_order_success toneAmber
class node_auth toneMint
class node_shopper toneIndigo
```

## Components

### Storefront

- [Home page](https://github.com/dodey312321/amfaye-bites/blob/main/home.html): `home.html`
- [Store entry](https://github.com/dodey312321/amfaye-bites/blob/main/index.html): `index.html`
- [Products page](https://github.com/dodey312321/amfaye-bites/blob/main/products.html): `products.html`
- [Brand story](https://github.com/dodey312321/amfaye-bites/blob/main/story.html): `story.html`
- [Branches page](https://github.com/dodey312321/amfaye-bites/blob/main/branches.html): `branches.html`
- [Reviews page](https://github.com/dodey312321/amfaye-bites/blob/main/reviews.html): `reviews.html`

### Shopping and Orders

- [Product catalog](https://github.com/dodey312321/amfaye-bites/blob/main/script.js): `script.js`
- [Product display](https://github.com/dodey312321/amfaye-bites/blob/main/script.js): `script.js`
- [Cart page](https://github.com/dodey312321/amfaye-bites/blob/main/cart.html): `cart.html`
- [Cart state and actions](https://github.com/dodey312321/amfaye-bites/blob/main/script.js): `script.js`
- [Checkout](https://github.com/dodey312321/amfaye-bites/blob/main/script.js): `script.js`
- [Order success modal](https://github.com/dodey312321/amfaye-bites/blob/main/script.js): `script.js`

### Account

- [Login and signup](https://github.com/dodey312321/amfaye-bites/blob/main/script.js): `script.js`

### Other components

- **Shopper**

## Connections

- Shopper → Home page: visits
- Shopper → Store entry: visits
- Shopper → Products page: browses
- Shopper → Brand story: visits
- Shopper → Branches page: visits
- Shopper → Reviews page: visits
- Shopper → Product display: views
- Product catalog → Product display: renders products
- Shopper → Cart page: opens
- Cart state and actions → Cart page: renders cart
- Shopper → Cart state and actions: changes quantities
- Shopper → Checkout: submits details
- Shopper → Login and signup: uses account form
- Checkout → Order success modal: dismisses