# jishnu09-siuu/dynamic-portfolio-website- architecture

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

- Interactive diagram: https://gitdiagram.com/jishnu09-siuu/dynamic-portfolio-website-
- Repository: https://github.com/jishnu09-siuu/dynamic-portfolio-website-

## Overview

This is a static portfolio and interactive GSAP showcase, not a backend application. Visitors open either the converted portfolio or original showcase; the README describes the portfolio’s sections and a switcher between pages. The section-level map follows those documented capabilities. Source excerpts do not show the HTML runtime wiring, so relationships beyond the documented page and section structure are not inferred.

Main entry points: [`index.html`](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html) (Portfolio Page), [`original.html`](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/original.html) (Original Showcase)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Website Pages"]
  node_portfolio_page["Portfolio Page<br/>[index.html]"]
  node_original_page["Original Showcase<br/>[original.html]"]
end

subgraph group_portfolio["Portfolio Sections"]
  node_hero["Hero &amp; Navigation<br/>[index.html]"]
  node_stack["Tech Stack<br/>[index.html]"]
  node_architecture["Architecture Showcase<br/>[index.html]"]
  node_projects["Project Slider<br/>[index.html]"]
  node_experience["Career Timeline<br/>[index.html]"]
  node_principles["Principles Playground<br/>[index.html]"]
  node_ecosystem["Technology Marquee<br/>[index.html]"]
  node_contact["Contact Footer<br/>[index.html]"]
end

subgraph group_showcase["Original Showcase"]
  node_original_sections["GSAP Sections<br/>[original.html]"]
  node_local_assets["Media Assets"]
end

subgraph group_runtime["Browser Runtime"]
  node_tram["Webflow Tram"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_portfolio_page
node_visitor -->|"opens"| node_original_page
node_portfolio_page -->|"switches pages"| node_original_page
node_original_page -->|"switches pages"| node_portfolio_page
node_portfolio_page -->|"presents"| node_hero
node_portfolio_page -->|"presents"| node_stack
node_portfolio_page -->|"presents"| node_architecture
node_portfolio_page -->|"presents"| node_projects
node_portfolio_page -->|"presents"| node_experience
node_portfolio_page -->|"presents"| node_principles
node_portfolio_page -->|"presents"| node_ecosystem
node_portfolio_page -->|"presents"| node_contact
node_original_page -->|"recreates"| node_original_sections

click node_portfolio_page "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_original_page "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/original.html"
click node_hero "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_stack "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_architecture "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_projects "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_experience "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_principles "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_ecosystem "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_contact "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html"
click node_original_sections "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/original.html"
click node_local_assets "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/tree/main/Gsap%20X%20Webflow_files"
click node_tram "https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/Gsap%20X%20Webflow_files/webflow.751e0867.7204fca6be7878de.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_portfolio_page,node_original_page toneBlue
class node_hero,node_stack,node_architecture,node_projects,node_experience,node_principles,node_ecosystem,node_contact toneAmber
class node_original_sections,node_local_assets toneMint
class node_tram toneRose
class node_visitor toneIndigo
```

## Components

### Website Pages

- [Portfolio Page](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Original Showcase](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/original.html): `original.html`

### Portfolio Sections

- [Hero & Navigation](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Tech Stack](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Architecture Showcase](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Project Slider](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Career Timeline](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Principles Playground](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Technology Marquee](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`
- [Contact Footer](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/index.html): `index.html`

### Original Showcase

- [GSAP Sections](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/original.html): `original.html`
- [Media Assets](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/tree/main/Gsap%20X%20Webflow_files): `Gsap X Webflow_files`

### Browser Runtime

- [Webflow Tram](https://github.com/jishnu09-siuu/dynamic-portfolio-website-/blob/main/Gsap%20X%20Webflow_files/webflow.751e0867.7204fca6be7878de.js): `Gsap X Webflow_files/webflow.751e0867.7204fca6be7878de.js`

### Other components

- **Visitor**

## Connections

- Visitor → Portfolio Page: opens (evidence: `README.md`)
- Visitor → Original Showcase: opens (evidence: `README.md`)
- Portfolio Page → Original Showcase: switches pages (evidence: `README.md`)
- Original Showcase → Portfolio Page: switches pages (evidence: `README.md`)
- Portfolio Page → Hero & Navigation: presents (evidence: `README.md`)
- Portfolio Page → Tech Stack: presents (evidence: `README.md`)
- Portfolio Page → Architecture Showcase: presents (evidence: `README.md`)
- Portfolio Page → Project Slider: presents (evidence: `README.md`)
- Portfolio Page → Career Timeline: presents (evidence: `README.md`)
- Portfolio Page → Principles Playground: presents (evidence: `README.md`)
- Portfolio Page → Technology Marquee: presents (evidence: `README.md`)
- Portfolio Page → Contact Footer: presents (evidence: `README.md`)
- Original Showcase → GSAP Sections: recreates (evidence: `README.md`)