# vidhya1330/kunalnaik-portfolio architecture

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

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

## Overview

This repository is a personal portfolio site with downloadable resume material and scripts for generating resume/profile assets. The main visitor-facing behavior is a static portfolio enhanced by browser-side navigation, presentation effects, and contact-form handling. The JavaScript excerpt shows DOM event handling and a form submission to an external service, but does not identify that service’s endpoint. The HTML and README were not excerpted, so page wiring and asset links are not asserted.

Main entry points: [`js/script.js`](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/js/script.js) (Interactive Behavior), [`assets/resume.pdf`](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/assets/resume.pdf) (Resume PDF), [`scripts/generate_assets.js`](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/scripts/generate_assets.js) (Resume PDF Generator), [`scripts/generate_original_resume.js`](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/scripts/generate_original_resume.js) (Original Resume Generator)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Portfolio Site"]
  node_portfolio["Portfolio Page<br/>[index.html]"]
  node_styles["Page Styling<br/>[style.css]"]
end

subgraph group_interaction["Visitor Interactions"]
  node_browser_behavior["Interactive Behavior<br/>[script.js]"]
end

subgraph group_assets["Resume Assets"]
  node_resume_pdf["Resume PDF<br/>[resume.pdf]"]
  node_resume_generator["Resume PDF Generator<br/>[generate_assets.js]"]
  node_original_generator["Original Resume Generator"]
end

node_visitor(("Visitor"))
node_contact_service["Contact Form Service"]

node_visitor -.->|"views"| node_portfolio
node_visitor -.->|"interacts"| node_browser_behavior
node_browser_behavior -.->|"submits form"| node_contact_service
node_resume_generator -.->|"generates PDF"| node_resume_pdf
node_original_generator -.->|"generates PDF"| node_resume_pdf

click node_portfolio "https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/index.html"
click node_styles "https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/css/style.css"
click node_browser_behavior "https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/js/script.js"
click node_resume_pdf "https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/assets/resume.pdf"
click node_resume_generator "https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/scripts/generate_assets.js"
click node_original_generator "https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/scripts/generate_original_resume.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,node_styles toneBlue
class node_browser_behavior toneAmber
class node_resume_pdf,node_resume_generator,node_original_generator toneMint
class node_visitor,node_contact_service toneIndigo
```

## Components

### Portfolio Site

- [Portfolio Page](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/index.html): `index.html`
- [Page Styling](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/css/style.css): `css/style.css`

### Visitor Interactions

- [Interactive Behavior](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/js/script.js): `js/script.js`

### Resume Assets

- [Resume PDF](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/assets/resume.pdf): `assets/resume.pdf`
- [Resume PDF Generator](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/scripts/generate_assets.js): `scripts/generate_assets.js`
- [Original Resume Generator](https://github.com/vidhya1330/kunalnaik-portfolio/blob/main/scripts/generate_original_resume.js): `scripts/generate_original_resume.js`

### Other components

- **Visitor**
- **Contact Form Service**

## Connections

- Visitor → Portfolio Page: views
- Visitor → Interactive Behavior: interacts
- Interactive Behavior → Contact Form Service: submits form (evidence: `js/script.js`)
- Resume PDF Generator → Resume PDF: generates PDF (evidence: `scripts/generate_assets.js`)
- Original Resume Generator → Resume PDF: generates PDF (evidence: `scripts/generate_original_resume.js`)