# sparsh-goyal01/my-portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/sparsh-goyal01/my-portfolio
- Repository: https://github.com/sparsh-goyal01/my-portfolio

## Overview

This is a small personal portfolio site. A visitor views the portfolio, uses its browser-side interactions, and can submit the contact form to open an email client; the repository also includes a resume PDF. The README provides no capability details, and the HTML and CSS were not excerpted, so relationships involving page content and the resume are not verified. The sampled script shows the interaction and mailto behavior.

Main entry points: [`index.html`](https://github.com/sparsh-goyal01/my-portfolio/blob/main/index.html) (Portfolio Page), [`script.js`](https://github.com/sparsh-goyal01/my-portfolio/blob/main/script.js) (UI Behavior), [`style.css`](https://github.com/sparsh-goyal01/my-portfolio/blob/main/style.css) (Page Styling), [`SparshResume.pdf`](https://github.com/sparsh-goyal01/my-portfolio/blob/main/SparshResume.pdf) (Resume PDF)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Portfolio Site"]
  node_page["Portfolio Page<br/>[index.html]"]
  node_styling["Page Styling<br/>[style.css]"]
  node_resume["Resume PDF<br/>[SparshResume.pdf]"]
end

subgraph group_interaction["Browser Interactions"]
  node_ui["UI Behavior<br/>[script.js]"]
end

node_visitor(("Visitor"))
node_email["Email Client"]

node_visitor -.->|"views"| node_page
node_page -.->|"styled by"| node_styling
node_page -.->|"interacts with"| node_ui
node_ui -->|"opens mailto"| node_email
node_page -.->|"offers"| node_resume

click node_page "https://github.com/sparsh-goyal01/my-portfolio/blob/main/index.html"
click node_styling "https://github.com/sparsh-goyal01/my-portfolio/blob/main/style.css"
click node_resume "https://github.com/sparsh-goyal01/my-portfolio/blob/main/SparshResume.pdf"
click node_ui "https://github.com/sparsh-goyal01/my-portfolio/blob/main/script.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_page,node_styling,node_resume,node_email toneBlue
class node_ui toneAmber
class node_visitor toneIndigo
```

## Components

### Portfolio Site

- [Portfolio Page](https://github.com/sparsh-goyal01/my-portfolio/blob/main/index.html): `index.html`
- [Page Styling](https://github.com/sparsh-goyal01/my-portfolio/blob/main/style.css): `style.css`
- [Resume PDF](https://github.com/sparsh-goyal01/my-portfolio/blob/main/SparshResume.pdf): `SparshResume.pdf`

### Browser Interactions

- [UI Behavior](https://github.com/sparsh-goyal01/my-portfolio/blob/main/script.js): `script.js`

### Other components

- **Visitor**
- **Email Client**

## Connections

- Visitor → Portfolio Page: views
- Portfolio Page → Page Styling: styled by
- Portfolio Page → UI Behavior: interacts with
- UI Behavior → Email Client: opens mailto (evidence: `script.js`)
- Portfolio Page → Resume PDF: offers