# viratvasu0/vasu-portfolio-website architecture

> Architecture diagram of the GitHub repository viratvasu0/vasu-portfolio-website, 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/viratvasu0/vasu-portfolio-website
- Repository: https://github.com/viratvasu0/vasu-portfolio-website

## Overview

This repository is a small personal portfolio website. The intended user flow is a visitor viewing Vasu’s profile; the tree also includes styling, images, and a downloadable resume. The only sampled JavaScript is a placeholder that logs a welcome message, so it does not establish page behavior or connections to those assets. The README identifies the portfolio but does not describe how its files are wired together.

Main entry points: [`index.html`](https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/index.html) (Portfolio page)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_portfolio["Portfolio page<br/>[index.html]"]
node_styles["Page styles<br/>[main.css]"]
node_images["Portfolio images"]
node_resume["Resume PDF<br/>[resume.pdf]"]
node_welcome_script["Welcome logger<br/>[main.js]"]

node_visitor -->|"views"| node_portfolio

click node_portfolio "https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/index.html"
click node_styles "https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/styles/main.css"
click node_resume "https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/resume/resume.pdf"
click node_welcome_script "https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/scripts/main.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_visitor,node_images toneIndigo
class node_portfolio,node_styles,node_resume,node_welcome_script toneTeal
```

## Components

### Other components

- **Visitor**
- [Portfolio page](https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/index.html): `index.html`
- [Page styles](https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/styles/main.css): `styles/main.css`
- **Portfolio images**
- [Resume PDF](https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/resume/resume.pdf): `resume/resume.pdf`
- [Welcome logger](https://github.com/viratvasu0/vasu-portfolio-website/blob/vasu5/scripts/main.js): `scripts/main.js`

## Connections

- Visitor → Portfolio page: views (evidence: `Readme.md`)