# akankshagirii/portfolio. architecture

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

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

## Overview

This is a small personal portfolio website. Its visible runtime behavior includes tracking the current section while scrolling and toggling the navigation menu. The HTML and CSS are present in the tree, but their contents were not sampled, so their specific features and wiring are not represented.

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

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_portfolio["Portfolio page<br/>[index.html]"]
node_navigation["Navigation interactions<br/>[script.js]"]
node_styles["Page styling<br/>[style.css]"]

node_visitor -->|"scrolls or clicks"| node_navigation
node_navigation -->|"updates navigation"| node_portfolio

click node_portfolio "https://github.com/akankshagirii/portfolio./blob/main/index.html"
click node_navigation "https://github.com/akankshagirii/portfolio./blob/main/script.js"
click node_styles "https://github.com/akankshagirii/portfolio./blob/main/style.css"

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 toneIndigo
class node_portfolio,node_navigation,node_styles toneTeal
```

## Components

### Other components

- **Visitor**
- [Portfolio page](https://github.com/akankshagirii/portfolio./blob/main/index.html): `index.html`
- [Navigation interactions](https://github.com/akankshagirii/portfolio./blob/main/script.js): `script.js`
- [Page styling](https://github.com/akankshagirii/portfolio./blob/main/style.css): `style.css`

## Connections

- Visitor → Navigation interactions: scrolls or clicks
- Navigation interactions → Portfolio page: updates navigation