# angelykcoder/landingpagebec architecture

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

## Overview

BitEggCoin is a static Spanish-language landing page for an academic poultry-production and economics proposal. Visitors browse project information and can open a local demonstration experience: registration stores demo credentials in browser storage, login or guest access redirects to the separately hosted simulator, and survey responses are stored locally. The README also documents project stages, poultry production, financial scenarios, market, platform, company structure, risks, and a downloadable academic PDF. Source excerpts show interaction wiring, but not the HTML section details; those content branches are therefore represented at the documented subsystem level.

Main entry points: [`index.html`](https://github.com/angelykcoder/landingpagebec/blob/main/index.html) (Landing page), [`script.js`](https://github.com/angelykcoder/landingpagebec/blob/main/script.js) (Modal interactions), [`styles.css`](https://github.com/angelykcoder/landingpagebec/blob/main/styles.css) (Responsive styles), [`Img`](https://github.com/angelykcoder/landingpagebec/tree/main/Img) (Illustrations)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_presentation["Landing page"]
  node_landing["Landing page<br/>[index.html]"]
  node_presentation_styles["Responsive styles<br/>[styles.css]"]
  node_navigation["Navigation interactions<br/>[script.js]"]
  node_modals["Modal interactions<br/>[script.js]"]
  node_illustrations["Illustrations"]
end

subgraph group_local_demo["Local demo"]
  node_auth_demo["Demo registration and login<br/>[script.js]"]
  node_browser_storage[("Browser local storage")]
  node_survey["Experience survey<br/>[script.js]"]
  node_dashboard["Demo user panel<br/>[index.html]"]
end

subgraph group_project_content["Project information"]
  node_stages["Project stages<br/>[index.html]"]
  node_poultry["Poultry production<br/>[index.html]"]
  node_economics["Operations and budget<br/>[index.html]"]
  node_market["Target market<br/>[index.html]"]
  node_platform["Proposed platform<br/>[index.html]"]
  node_company_risks["Company and risks<br/>[index.html]"]
  node_academic_document["Academic project PDF"]
end

node_visitor(("Visitor"))
node_simulator["Hosted simulator"]

node_visitor -->|"opens"| node_landing
node_landing -->|"styled by"| node_presentation_styles
node_landing -->|"uses"| node_navigation
node_landing -->|"uses"| node_modals
node_visitor -->|"navigates"| node_navigation
node_visitor -->|"opens"| node_modals
node_modals -->|"opens"| node_auth_demo
node_auth_demo -->|"reads/writes"| node_browser_storage
node_auth_demo -->|"redirects"| node_simulator
node_visitor -->|"guest redirect"| node_simulator
node_modals -->|"opens"| node_survey
node_survey -->|"reads/writes"| node_browser_storage
node_modals -->|"closes"| node_dashboard
node_landing -->|"presents"| node_stages
node_landing -->|"presents"| node_poultry
node_landing -->|"presents"| node_economics
node_landing -->|"presents"| node_market
node_landing -->|"presents"| node_platform
node_landing -->|"presents"| node_company_risks
node_landing -->|"links download"| node_academic_document
node_landing -->|"displays"| node_illustrations

click node_landing "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_presentation_styles "https://github.com/angelykcoder/landingpagebec/blob/main/styles.css"
click node_navigation "https://github.com/angelykcoder/landingpagebec/blob/main/script.js"
click node_modals "https://github.com/angelykcoder/landingpagebec/blob/main/script.js"
click node_auth_demo "https://github.com/angelykcoder/landingpagebec/blob/main/script.js"
click node_survey "https://github.com/angelykcoder/landingpagebec/blob/main/script.js"
click node_dashboard "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_stages "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_poultry "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_economics "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_market "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_platform "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_company_risks "https://github.com/angelykcoder/landingpagebec/blob/main/index.html"
click node_academic_document "https://github.com/angelykcoder/landingpagebec/blob/main/BitEggCoin_Version_Final.pdf"
click node_illustrations "https://github.com/angelykcoder/landingpagebec/tree/main/Img"

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_landing,node_presentation_styles,node_navigation,node_modals,node_illustrations toneBlue
class node_auth_demo,node_browser_storage,node_survey,node_dashboard toneAmber
class node_stages,node_poultry,node_economics,node_market,node_platform,node_company_risks,node_academic_document toneMint
class node_visitor,node_simulator toneIndigo
```

## Components

### Landing page

- [Landing page](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Responsive styles](https://github.com/angelykcoder/landingpagebec/blob/main/styles.css): `styles.css`
- [Navigation interactions](https://github.com/angelykcoder/landingpagebec/blob/main/script.js): `script.js`
- [Modal interactions](https://github.com/angelykcoder/landingpagebec/blob/main/script.js): `script.js`
- [Illustrations](https://github.com/angelykcoder/landingpagebec/tree/main/Img): `Img`

### Local demo

- [Demo registration and login](https://github.com/angelykcoder/landingpagebec/blob/main/script.js): `script.js`
- **Browser local storage**
- [Experience survey](https://github.com/angelykcoder/landingpagebec/blob/main/script.js): `script.js`
- [Demo user panel](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`

### Project information

- [Project stages](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Poultry production](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Operations and budget](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Target market](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Proposed platform](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Company and risks](https://github.com/angelykcoder/landingpagebec/blob/main/index.html): `index.html`
- [Academic project PDF](https://github.com/angelykcoder/landingpagebec/blob/main/BitEggCoin_Version_Final.pdf): `BitEggCoin_Version_Final.pdf`

### Other components

- **Visitor**
- **Hosted simulator**

## Connections

- Visitor → Landing page: opens
- Landing page → Responsive styles: styled by
- Landing page → Navigation interactions: uses
- Landing page → Modal interactions: uses
- Visitor → Navigation interactions: navigates
- Visitor → Modal interactions: opens
- Modal interactions → Demo registration and login: opens
- Demo registration and login → Browser local storage: reads/writes
- Demo registration and login → Hosted simulator: redirects
- Visitor → Hosted simulator: guest redirect
- Modal interactions → Experience survey: opens
- Experience survey → Browser local storage: reads/writes
- Modal interactions → Demo user panel: closes
- Landing page → Project stages: presents
- Landing page → Poultry production: presents
- Landing page → Operations and budget: presents
- Landing page → Target market: presents
- Landing page → Proposed platform: presents
- Landing page → Company and risks: presents
- Landing page → Academic project PDF: links download
- Landing page → Illustrations: displays