# sohom09/shadowfox_full-stack architecture

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

- Interactive diagram: https://gitdiagram.com/sohom09/shadowfox_full-stack
- Repository: https://github.com/sohom09/shadowfox_full-stack

## Overview

Sakthi Dental Clinic is a static clinic-information website. Visitors browse clinic and treatment information, then use the contact form for a confirmation response. The README documents responsive layouts, treatment cards, and an interactive FAQ; source excerpts are limited to the form handler, so some page-level wiring is not verified.

Main entry points: [`treatments.html`](https://github.com/sohom09/shadowfox_full-stack/blob/main/treatments.html) (Treatment catalog), [`contact.html`](https://github.com/sohom09/shadowfox_full-stack/blob/main/contact.html) (Contact form), [`js/script.js`](https://github.com/sohom09/shadowfox_full-stack/blob/main/js/script.js) (Form behavior), [`index.html`](https://github.com/sohom09/shadowfox_full-stack/blob/main/index.html) (Home and FAQ)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Visitor pages"]
  node_home["Home and FAQ<br/>[index.html]"]
  node_about["Clinic information<br/>[about.html]"]
  node_treatments["Treatment catalog<br/>[treatments.html]"]
  node_contact["Contact form<br/>[contact.html]"]
  node_privacy["Privacy information<br/>[privacy.html]"]
end

subgraph group_shared["Shared presentation"]
  node_styles["Site styling<br/>[style.css]"]
  node_behavior["Form behavior<br/>[script.js]"]
end

subgraph group_media["Visual content"]
  node_images["Treatment imagery"]
end

node_visitor(("Site visitor"))

node_visitor -->|"browses"| node_home
node_visitor -->|"browses"| node_about
node_visitor -->|"browses"| node_treatments
node_visitor -->|"opens"| node_contact
node_visitor -->|"opens"| node_privacy
node_contact -->|"handles submission"| node_behavior
node_behavior -->|"shows confirmation"| node_visitor
node_treatments -->|"displays"| node_images

click node_home "https://github.com/sohom09/shadowfox_full-stack/blob/main/index.html"
click node_about "https://github.com/sohom09/shadowfox_full-stack/blob/main/about.html"
click node_treatments "https://github.com/sohom09/shadowfox_full-stack/blob/main/treatments.html"
click node_contact "https://github.com/sohom09/shadowfox_full-stack/blob/main/contact.html"
click node_privacy "https://github.com/sohom09/shadowfox_full-stack/blob/main/privacy.html"
click node_styles "https://github.com/sohom09/shadowfox_full-stack/blob/main/css/style.css"
click node_behavior "https://github.com/sohom09/shadowfox_full-stack/blob/main/js/script.js"
click node_images "https://github.com/sohom09/shadowfox_full-stack/tree/main/assets/images/treatments"

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_treatments,node_contact,node_privacy toneBlue
class node_styles,node_behavior toneAmber
class node_images toneMint
class node_visitor toneIndigo
```

## Components

### Visitor pages

- [Home and FAQ](https://github.com/sohom09/shadowfox_full-stack/blob/main/index.html): `index.html`
- [Clinic information](https://github.com/sohom09/shadowfox_full-stack/blob/main/about.html): `about.html`
- [Treatment catalog](https://github.com/sohom09/shadowfox_full-stack/blob/main/treatments.html): `treatments.html`
- [Contact form](https://github.com/sohom09/shadowfox_full-stack/blob/main/contact.html): `contact.html`
- [Privacy information](https://github.com/sohom09/shadowfox_full-stack/blob/main/privacy.html): `privacy.html`

### Shared presentation

- [Site styling](https://github.com/sohom09/shadowfox_full-stack/blob/main/css/style.css): `css/style.css`
- [Form behavior](https://github.com/sohom09/shadowfox_full-stack/blob/main/js/script.js): `js/script.js`

### Visual content

- [Treatment imagery](https://github.com/sohom09/shadowfox_full-stack/tree/main/assets/images/treatments): `assets/images/treatments`

### Other components

- **Site visitor**

## Connections

- Site visitor → Home and FAQ: browses
- Site visitor → Clinic information: browses
- Site visitor → Treatment catalog: browses
- Site visitor → Contact form: opens
- Site visitor → Privacy information: opens
- Contact form → Form behavior: handles submission
- Form behavior → Site visitor: shows confirmation
- Treatment catalog → Treatment imagery: displays