# guxtav0s/software_engineering_project-resetbody- architecture

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

## Overview

ResetBody is a small frontend for encouraging wellbeing breaks during device use. The visible runtime behavior is limited to home-page interval and preference modals, plus highlighting the selected preference. The tree also contains login, account-creation, and saved-items pages, but their behavior is not sampled. The README describes reminders, exercises, and MySQL statistics as goals or future work; no backend or persistence implementation appears in the supplied tree.

Main entry points: [`src/pages/index.html`](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/index.html) (Home page), [`src/js/index.js`](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/js/index.js) (Home interactions), [`src/pages/login.html`](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/login.html) (Login page), [`src/pages/createAcc.html`](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/createAcc.html) (Account creation)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Site pages"]
  node_home["Home page<br/>[index.html]"]
  node_login["Login page<br/>[login.html]"]
  node_signup["Account creation<br/>[createAcc.html]"]
  node_saved["Saved items<br/>[salvos.html]"]
end

subgraph group_interaction["Home interaction"]
  node_homejs["Home interactions<br/>[index.js]"]
end

subgraph group_styles["Page styling"]
  node_homecss["Home styles<br/>[style_index.css]"]
  node_logincss["Login styles<br/>[style_login.css]"]
  node_savedcss["Saved styles<br/>[style_salvos.css]"]
end

node_user(("Visitor"))

node_user -->|"opens"| node_home
node_user -->|"opens"| node_login
node_user -->|"opens"| node_signup
node_user -->|"opens"| node_saved
node_homejs -->|"binds controls"| node_home

click node_home "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/index.html"
click node_login "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/login.html"
click node_signup "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/createAcc.html"
click node_saved "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/salvos.html"
click node_homejs "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/js/index.js"
click node_homecss "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/css/style_index.css"
click node_logincss "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/css/style_login.css"
click node_savedcss "https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/css/style_salvos.css"

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_login,node_signup,node_saved toneBlue
class node_homejs toneAmber
class node_homecss,node_logincss,node_savedcss toneMint
class node_user toneIndigo
```

## Components

### Site pages

- [Home page](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/index.html): `src/pages/index.html`
- [Login page](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/login.html): `src/pages/login.html`
- [Account creation](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/createAcc.html): `src/pages/createAcc.html`
- [Saved items](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/pages/salvos.html): `src/pages/salvos.html`

### Home interaction

- [Home interactions](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/js/index.js): `src/js/index.js`

### Page styling

- [Home styles](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/css/style_index.css): `src/css/style_index.css`
- [Login styles](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/css/style_login.css): `src/css/style_login.css`
- [Saved styles](https://github.com/guxtav0s/software_engineering_project-resetbody-/blob/main/src/css/style_salvos.css): `src/css/style_salvos.css`

### Other components

- **Visitor**

## Connections

- Visitor → Home page: opens
- Visitor → Login page: opens
- Visitor → Account creation: opens
- Visitor → Saved items: opens
- Home interactions → Home page: binds controls