# marcosfabricio3/cucina-di-mamma architecture

> Architecture diagram of the GitHub repository marcosfabricio3/cucina-di-mamma, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-10). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/marcosfabricio3/cucina-di-mamma
- Repository: https://github.com/marcosfabricio3/cucina-di-mamma

## Overview

Cucina di Mamma is an Italian-cuisine informational website with a persistent contact form. The main user journey is browsing the site, submitting a message, server-side validation and storage, and later viewing received inquiries. The README also identifies client-side validation, a PHP API, and MySQL persistence. The frontend files and schema are present in the tree but were not excerpted, so frontend wiring is shown only where documented; the backend read/write relationships are supported by the excerpts.

Main entry points: [`backend/api/form.php`](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/form.php) (Contact API), [`contacto.html`](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/contacto.html) (Contact page), [`assets/src/form.js`](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/assets/src/form.js) (Form handling), [`backend/db/schema.sql`](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/db/schema.sql) (Inquiry records)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Site content"]
  node_home["Home page<br/>[index.html]"]
  node_recipes["Recipe catalog<br/>[recetas.html]"]
  node_about["About page<br/>[sobreNosotros.html]"]
end

subgraph group_contact["Contact flow"]
  node_contact_page["Contact page<br/>[contacto.html]"]
  node_client_form["Form handling<br/>[form.js]"]
end

subgraph group_backend["PHP backend"]
  node_form_api["Contact API<br/>[form.php]"]
  node_validation["Server validation<br/>[form.php]"]
  node_inquiry_view["Inquiry viewer<br/>[consultas.php]"]
end

subgraph group_storage["Persistence"]
  node_inquiry_store[("Inquiry records<br/>[schema.sql]")]
end

node_visitor(("Visitor"))

node_visitor -->|"browses"| node_home
node_visitor -->|"browses"| node_recipes
node_visitor -->|"browses"| node_about
node_visitor -->|"submits inquiry"| node_contact_page
node_contact_page -.->|"uses"| node_client_form
node_client_form -.->|"sends form"| node_form_api
node_form_api -->|"validates"| node_validation
node_form_api -->|"inserts inquiry"| node_inquiry_store
node_inquiry_view -->|"reads inquiries"| node_inquiry_store

click node_home "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/index.html"
click node_recipes "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/recetas.html"
click node_about "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/sobreNosotros.html"
click node_contact_page "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/contacto.html"
click node_client_form "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/assets/src/form.js"
click node_form_api "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/form.php"
click node_validation "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/form.php"
click node_inquiry_store "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/db/schema.sql"
click node_inquiry_view "https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/consultas.php"

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_recipes,node_about toneBlue
class node_contact_page,node_client_form toneAmber
class node_form_api,node_validation,node_inquiry_view toneMint
class node_inquiry_store toneRose
class node_visitor toneIndigo
```

## Components

### Site content

- [Home page](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/index.html): `index.html`
- [Recipe catalog](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/recetas.html): `recetas.html`
- [About page](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/sobreNosotros.html): `sobreNosotros.html`

### Contact flow

- [Contact page](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/contacto.html): `contacto.html`
- [Form handling](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/assets/src/form.js): `assets/src/form.js`

### PHP backend

- [Contact API](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/form.php): `backend/api/form.php`
- [Server validation](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/form.php): `backend/api/form.php`
- [Inquiry viewer](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/api/consultas.php): `backend/api/consultas.php`

### Persistence

- [Inquiry records](https://github.com/marcosfabricio3/cucina-di-mamma/blob/main/backend/db/schema.sql): `backend/db/schema.sql`

### Other components

- **Visitor**

## Connections

- Visitor → Home page: browses (evidence: `README.md`)
- Visitor → Recipe catalog: browses (evidence: `README.md`)
- Visitor → About page: browses (evidence: `README.md`)
- Visitor → Contact page: submits inquiry (evidence: `README.md`)
- Contact page → Form handling: uses
- Form handling → Contact API: sends form
- Contact API → Server validation: validates (evidence: `backend/api/form.php`)
- Contact API → Inquiry records: inserts inquiry (evidence: `backend/api/form.php`)
- Inquiry viewer → Inquiry records: reads inquiries (evidence: `backend/api/consultas.php`)