# wi0821/frontend-groupfund architecture

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

- Interactive diagram: https://gitdiagram.com/wi0821/frontend-groupfund
- Repository: https://github.com/wi0821/frontend-groupfund

## Overview

This repository is a static, Traditional-Chinese plan-service website: users can browse public information, enter plan-related pages, and access account pages. The tree shows distinct plan completion, verification, pending, processing, and failure pages, but sampled source does not establish their navigation or any backend behavior. The graph preserves these domain stages without inventing links between them; shared layouts and JavaScript are included as internal UI layers.

Main entry points: [`app/index.html`](https://github.com/wi0821/frontend-groupfund/blob/master/app/index.html) (Home page), [`app/aboutUs.html`](https://github.com/wi0821/frontend-groupfund/blob/master/app/aboutUs.html) (About us), [`app/faq.html`](https://github.com/wi0821/frontend-groupfund/blob/master/app/faq.html) (FAQ), [`app/success-story.html`](https://github.com/wi0821/frontend-groupfund/blob/master/app/success-story.html) (Success stories)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_public["Public information"]
  node_home["Home page<br/>[index.html]"]
  node_about["About us<br/>[aboutUs.html]"]
  node_faq["FAQ<br/>[faq.html]"]
  node_success_story["Success stories<br/>[success-story.html]"]
  node_privacy["Privacy policy"]
  node_terms["Terms of service"]
end

subgraph group_plans["Plan journey"]
  node_plan_add["Plan entry<br/>[planAdd.html]"]
  node_plan_list["Plan list<br/>[planList.html]"]
  node_plan_verify["Plan verification"]
  node_plan_processing["Plan processing"]
  node_plan_processing1["Processing state"]
  node_plan_pending["Plan pending<br/>[planPending.html]"]
  node_plan_pending1["Pending state one<br/>[planPending1.html]"]
  node_plan_pending2["Pending state two<br/>[planPending2.html]"]
  node_plan_pending3["Pending state three<br/>[planPending3.html]"]
  node_plan_done["Plan complete<br/>[planDone.html]"]
  node_plan_done1["Completion state one<br/>[planDone1.html]"]
  node_plan_done2["Completion state two<br/>[planDone2.html]"]
  node_plan_failed["Plan failure<br/>[planFailed1.html]"]
end

subgraph group_account["Account area"]
  node_register["Registration<br/>[register.html]"]
  node_user_profile["User profile<br/>[user_profile.html]"]
  node_account_manage["Account management"]
end

subgraph group_ui["Shared interface"]
  node_layout["Page layout<br/>[layout.ejs]"]
  node_main_layout["Main layout<br/>[mainLayout.ejs]"]
  node_client_js["Client scripts<br/>[all.js]"]
  node_city_selector["City selector script"]
  node_styles["Style components<br/>[all.scss]"]
end

node_visitor(("Visitor"))

node_visitor -->|"visits"| node_home
node_visitor -->|"visits"| node_about
node_visitor -->|"visits"| node_faq
node_visitor -->|"visits"| node_success_story
node_visitor -->|"visits"| node_privacy
node_visitor -->|"visits"| node_terms
node_visitor -->|"visits"| node_plan_add
node_visitor -->|"visits"| node_plan_list
node_visitor -->|"visits"| node_plan_verify
node_visitor -->|"visits"| node_plan_processing
node_visitor -->|"visits"| node_plan_processing1
node_visitor -->|"visits"| node_plan_pending
node_visitor -->|"visits"| node_plan_pending1
node_visitor -->|"visits"| node_plan_pending2
node_visitor -->|"visits"| node_plan_pending3
node_visitor -->|"visits"| node_plan_done
node_visitor -->|"visits"| node_plan_done1
node_visitor -->|"visits"| node_plan_done2
node_visitor -->|"visits"| node_plan_failed
node_visitor -->|"visits"| node_register
node_visitor -->|"visits"| node_user_profile
node_visitor -->|"visits"| node_account_manage

click node_home "https://github.com/wi0821/frontend-groupfund/blob/master/app/index.html"
click node_about "https://github.com/wi0821/frontend-groupfund/blob/master/app/aboutUs.html"
click node_faq "https://github.com/wi0821/frontend-groupfund/blob/master/app/faq.html"
click node_success_story "https://github.com/wi0821/frontend-groupfund/blob/master/app/success-story.html"
click node_privacy "https://github.com/wi0821/frontend-groupfund/blob/master/app/privacy-of-policy.html"
click node_terms "https://github.com/wi0821/frontend-groupfund/blob/master/app/terms-of-service.html"
click node_plan_add "https://github.com/wi0821/frontend-groupfund/blob/master/app/planAdd.html"
click node_plan_list "https://github.com/wi0821/frontend-groupfund/blob/master/app/planList.html"
click node_plan_verify "https://github.com/wi0821/frontend-groupfund/blob/master/app/planEnd_verify.html"
click node_plan_processing "https://github.com/wi0821/frontend-groupfund/blob/master/app/planProcessing.html"
click node_plan_processing1 "https://github.com/wi0821/frontend-groupfund/blob/master/app/planProcessing1.html"
click node_plan_pending "https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending.html"
click node_plan_pending1 "https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending1.html"
click node_plan_pending2 "https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending2.html"
click node_plan_pending3 "https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending3.html"
click node_plan_done "https://github.com/wi0821/frontend-groupfund/blob/master/app/planDone.html"
click node_plan_done1 "https://github.com/wi0821/frontend-groupfund/blob/master/app/planDone1.html"
click node_plan_done2 "https://github.com/wi0821/frontend-groupfund/blob/master/app/planDone2.html"
click node_plan_failed "https://github.com/wi0821/frontend-groupfund/blob/master/app/planFailed1.html"
click node_register "https://github.com/wi0821/frontend-groupfund/blob/master/app/register.html"
click node_user_profile "https://github.com/wi0821/frontend-groupfund/blob/master/app/user_profile.html"
click node_account_manage "https://github.com/wi0821/frontend-groupfund/blob/master/app/user_account_manage.html"
click node_layout "https://github.com/wi0821/frontend-groupfund/blob/master/app/layout.ejs"
click node_main_layout "https://github.com/wi0821/frontend-groupfund/blob/master/app/mainLayout.ejs"
click node_client_js "https://github.com/wi0821/frontend-groupfund/blob/master/app/assets/js/all.js"
click node_city_selector "https://github.com/wi0821/frontend-groupfund/blob/master/app/assets/Javascript/tw-city-selector.min%20-%20%E8%A4%87%E8%A3%BD.js"
click node_styles "https://github.com/wi0821/frontend-groupfund/blob/master/app/assets/style/all.scss"

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_faq,node_success_story,node_privacy,node_terms toneBlue
class node_plan_add,node_plan_list,node_plan_verify,node_plan_processing,node_plan_processing1,node_plan_pending,node_plan_pending1,node_plan_pending2,node_plan_pending3,node_plan_done,node_plan_done1,node_plan_done2,node_plan_failed toneAmber
class node_register,node_user_profile,node_account_manage toneMint
class node_layout,node_main_layout,node_client_js,node_city_selector,node_styles toneRose
class node_visitor toneIndigo
```

## Components

### Public information

- [Home page](https://github.com/wi0821/frontend-groupfund/blob/master/app/index.html): `app/index.html`
- [About us](https://github.com/wi0821/frontend-groupfund/blob/master/app/aboutUs.html): `app/aboutUs.html`
- [FAQ](https://github.com/wi0821/frontend-groupfund/blob/master/app/faq.html): `app/faq.html`
- [Success stories](https://github.com/wi0821/frontend-groupfund/blob/master/app/success-story.html): `app/success-story.html`
- [Privacy policy](https://github.com/wi0821/frontend-groupfund/blob/master/app/privacy-of-policy.html): `app/privacy-of-policy.html`
- [Terms of service](https://github.com/wi0821/frontend-groupfund/blob/master/app/terms-of-service.html): `app/terms-of-service.html`

### Plan journey

- [Plan entry](https://github.com/wi0821/frontend-groupfund/blob/master/app/planAdd.html): `app/planAdd.html`
- [Plan list](https://github.com/wi0821/frontend-groupfund/blob/master/app/planList.html): `app/planList.html`
- [Plan verification](https://github.com/wi0821/frontend-groupfund/blob/master/app/planEnd_verify.html): `app/planEnd_verify.html`
- [Plan processing](https://github.com/wi0821/frontend-groupfund/blob/master/app/planProcessing.html): `app/planProcessing.html`
- [Processing state](https://github.com/wi0821/frontend-groupfund/blob/master/app/planProcessing1.html): `app/planProcessing1.html`
- [Plan pending](https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending.html): `app/planPending.html`
- [Pending state one](https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending1.html): `app/planPending1.html`
- [Pending state two](https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending2.html): `app/planPending2.html`
- [Pending state three](https://github.com/wi0821/frontend-groupfund/blob/master/app/planPending3.html): `app/planPending3.html`
- [Plan complete](https://github.com/wi0821/frontend-groupfund/blob/master/app/planDone.html): `app/planDone.html`
- [Completion state one](https://github.com/wi0821/frontend-groupfund/blob/master/app/planDone1.html): `app/planDone1.html`
- [Completion state two](https://github.com/wi0821/frontend-groupfund/blob/master/app/planDone2.html): `app/planDone2.html`
- [Plan failure](https://github.com/wi0821/frontend-groupfund/blob/master/app/planFailed1.html): `app/planFailed1.html`

### Account area

- [Registration](https://github.com/wi0821/frontend-groupfund/blob/master/app/register.html): `app/register.html`
- [User profile](https://github.com/wi0821/frontend-groupfund/blob/master/app/user_profile.html): `app/user_profile.html`
- [Account management](https://github.com/wi0821/frontend-groupfund/blob/master/app/user_account_manage.html): `app/user_account_manage.html`

### Shared interface

- [Page layout](https://github.com/wi0821/frontend-groupfund/blob/master/app/layout.ejs): `app/layout.ejs`
- [Main layout](https://github.com/wi0821/frontend-groupfund/blob/master/app/mainLayout.ejs): `app/mainLayout.ejs`
- [Client scripts](https://github.com/wi0821/frontend-groupfund/blob/master/app/assets/js/all.js): `app/assets/js/all.js`
- [City selector script](https://github.com/wi0821/frontend-groupfund/blob/master/app/assets/Javascript/tw-city-selector.min%20-%20%E8%A4%87%E8%A3%BD.js): `app/assets/Javascript/tw-city-selector.min - 複製.js`
- [Style components](https://github.com/wi0821/frontend-groupfund/blob/master/app/assets/style/all.scss): `app/assets/style/all.scss`

### Other components

- **Visitor**

## Connections

- Visitor → Home page: visits
- Visitor → About us: visits
- Visitor → FAQ: visits
- Visitor → Success stories: visits
- Visitor → Privacy policy: visits
- Visitor → Terms of service: visits
- Visitor → Plan entry: visits
- Visitor → Plan list: visits
- Visitor → Plan verification: visits
- Visitor → Plan processing: visits
- Visitor → Processing state: visits
- Visitor → Plan pending: visits
- Visitor → Pending state one: visits
- Visitor → Pending state two: visits
- Visitor → Pending state three: visits
- Visitor → Plan complete: visits
- Visitor → Completion state one: visits
- Visitor → Completion state two: visits
- Visitor → Plan failure: visits
- Visitor → Registration: visits
- Visitor → User profile: visits
- Visitor → Account management: visits