# 859al/sellproperties architecture

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

- Interactive diagram: https://gitdiagram.com/859al/sellproperties
- Repository: https://github.com/859al/sellproperties

## Overview

This is a proof-of-concept property-development profit analyzer: visitors explore property opportunities, inspect a selected property, and compare development options using cost and mortgage estimates. The code also includes charted summaries and a basic search-filter toggle. The README describes the intended analysis flow, but the available excerpts do not show page wiring or chart-script integration; those connections are therefore marked unverified rather than assumed.

Main entry points: [`HTML/searchProperty.html`](https://github.com/859al/sellproperties/blob/main/HTML/searchProperty.html) (Property search), [`HTML/propirtyPage.html`](https://github.com/859al/sellproperties/blob/main/HTML/propirtyPage.html) (Property details), [`JavaScript/calculations.js`](https://github.com/859al/sellproperties/blob/main/JavaScript/calculations.js) (Development options), [`JavaScript/PieChart.js`](https://github.com/859al/sellproperties/blob/main/JavaScript/PieChart.js) (Cost and mortgage estimates)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_discovery["Property discovery"]
  node_search["Property search"]
  node_filters["Search filters<br/>[searchBar.js]"]
  node_property["Property details<br/>[propirtyPage.html]"]
  node_gallery["Property gallery"]
end

subgraph group_analysis["Development analysis"]
  node_options["Development options<br/>[calculations.js]"]
  node_costs["Cost and mortgage estimates<br/>[PieChart.js]"]
  node_profit["Revenue summary<br/>[pietotal.js]"]
  node_charts["Chart summaries<br/>[pietotal.js]"]
  node_alternate_chart["Additional chart script<br/>[secoundPieChart.js]"]
end

subgraph group_presentation["Website interface"]
  node_home["Landing page<br/>[index.html]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_home -.->|"explores properties"| node_search
node_search -.->|"offers filters"| node_filters
node_search -.->|"selects opportunity"| node_property
node_property -.->|"shows imagery"| node_gallery
node_property -.->|"provides property inputs"| node_options
node_options -.->|"estimates costs"| node_costs
node_costs -.->|"informs returns"| node_profit
node_profit -.->|"summarizes figures"| node_charts

click node_home "https://github.com/859al/sellproperties/blob/main/index.html"
click node_search "https://github.com/859al/sellproperties/blob/main/HTML/searchProperty.html"
click node_filters "https://github.com/859al/sellproperties/blob/main/JavaScript/searchBar.js"
click node_property "https://github.com/859al/sellproperties/blob/main/HTML/propirtyPage.html"
click node_gallery "https://github.com/859al/sellproperties/blob/main/JavaScript/PropertySelectPage.js"
click node_options "https://github.com/859al/sellproperties/blob/main/JavaScript/calculations.js"
click node_costs "https://github.com/859al/sellproperties/blob/main/JavaScript/PieChart.js"
click node_profit "https://github.com/859al/sellproperties/blob/main/JavaScript/pietotal.js"
click node_charts "https://github.com/859al/sellproperties/blob/main/JavaScript/pietotal.js"
click node_alternate_chart "https://github.com/859al/sellproperties/blob/main/JavaScript/secoundPieChart.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_search,node_filters,node_property,node_gallery toneBlue
class node_options,node_costs,node_profit,node_charts,node_alternate_chart toneAmber
class node_home toneMint
class node_visitor toneIndigo
```

## Components

### Property discovery

- [Property search](https://github.com/859al/sellproperties/blob/main/HTML/searchProperty.html): `HTML/searchProperty.html`
- [Search filters](https://github.com/859al/sellproperties/blob/main/JavaScript/searchBar.js): `JavaScript/searchBar.js`
- [Property details](https://github.com/859al/sellproperties/blob/main/HTML/propirtyPage.html): `HTML/propirtyPage.html`
- [Property gallery](https://github.com/859al/sellproperties/blob/main/JavaScript/PropertySelectPage.js): `JavaScript/PropertySelectPage.js`

### Development analysis

- [Development options](https://github.com/859al/sellproperties/blob/main/JavaScript/calculations.js): `JavaScript/calculations.js`
- [Cost and mortgage estimates](https://github.com/859al/sellproperties/blob/main/JavaScript/PieChart.js): `JavaScript/PieChart.js`
- [Revenue summary](https://github.com/859al/sellproperties/blob/main/JavaScript/pietotal.js): `JavaScript/pietotal.js`
- [Chart summaries](https://github.com/859al/sellproperties/blob/main/JavaScript/pietotal.js): `JavaScript/pietotal.js`
- [Additional chart script](https://github.com/859al/sellproperties/blob/main/JavaScript/secoundPieChart.js): `JavaScript/secoundPieChart.js`

### Website interface

- [Landing page](https://github.com/859al/sellproperties/blob/main/index.html): `index.html`

### Other components

- **Visitor**

## Connections

- Visitor → Landing page: opens (evidence: `README.md`)
- Landing page → Property search: explores properties
- Property search → Search filters: offers filters
- Property search → Property details: selects opportunity
- Property details → Property gallery: shows imagery
- Property details → Development options: provides property inputs
- Development options → Cost and mortgage estimates: estimates costs
- Cost and mortgage estimates → Revenue summary: informs returns
- Revenue summary → Chart summaries: summarizes figures (evidence: `JavaScript/pietotal.js`)