# shalemraj593/portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/shalemraj593/portfolio
- Repository: https://github.com/shalemraj593/portfolio

## Overview

This is a small static portfolio site. The tree identifies home, about, and contact pages, plus a PDF; the README provides no further feature detail. The sampled script handles sticky-header and menu behavior and invokes ScrollReveal for page elements. HTML references and navigation links were not sampled, so those connections are not assumed.

Main entry points: [`script/script.js`](https://github.com/shalemraj593/portfolio/blob/main/script/script.js) (Page interactions), [`index.html`](https://github.com/shalemraj593/portfolio/blob/main/index.html) (Home page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Portfolio pages"]
  node_home["Home page<br/>[index.html]"]
  node_about["About page<br/>[about.html]"]
  node_contact["Contact page<br/>[Contact.html]"]
  node_resume["CSE PDF<br/>[updated cse.pdf]"]
end

subgraph group_runtime["Page interactions"]
  node_script["Page interactions<br/>[script.js]"]
end

node_visitor(("Visitor"))
node_scrollreveal["ScrollReveal"]
node_browser["Browser DOM"]

node_visitor -->|"views"| node_home
node_script -->|"updates DOM"| node_browser
node_script -->|"invokes"| node_scrollreveal

click node_home "https://github.com/shalemraj593/portfolio/blob/main/index.html"
click node_about "https://github.com/shalemraj593/portfolio/blob/main/about.html"
click node_contact "https://github.com/shalemraj593/portfolio/blob/main/Contact.html"
click node_resume "https://github.com/shalemraj593/portfolio/blob/main/updated%20cse.pdf"
click node_script "https://github.com/shalemraj593/portfolio/blob/main/script/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_home,node_about,node_contact,node_resume,node_browser toneBlue
class node_script toneAmber
class node_visitor,node_scrollreveal toneIndigo
```

## Components

### Portfolio pages

- [Home page](https://github.com/shalemraj593/portfolio/blob/main/index.html): `index.html`
- [About page](https://github.com/shalemraj593/portfolio/blob/main/about.html): `about.html`
- [Contact page](https://github.com/shalemraj593/portfolio/blob/main/Contact.html): `Contact.html`
- [CSE PDF](https://github.com/shalemraj593/portfolio/blob/main/updated%20cse.pdf): `updated cse.pdf`

### Page interactions

- [Page interactions](https://github.com/shalemraj593/portfolio/blob/main/script/script.js): `script/script.js`

### Other components

- **Visitor**
- **ScrollReveal**
- **Browser DOM**

## Connections

- Visitor → Home page: views
- Page interactions → Browser DOM: updates DOM
- Page interactions → ScrollReveal: invokes