# farhanullah5332/portfolio-website architecture

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

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

## Overview

This is a personal portfolio website for presenting professional experience, skills, and projects. The tree includes a main page, a CV page, and a project page with its own script and stylesheet. Source excerpts were unavailable, so the graph does not assume links between pages or how styles and scripts are connected.

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

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio website"]
  node_home["Portfolio page<br/>[index.html]"]
  node_site_styles["Site styles<br/>[1.css]"]
  node_cv["CV page<br/>[CV.html]"]
  node_project["Project page<br/>[2.html]"]
  node_project_styles["Project styles<br/>[2.css]"]
  node_project_script["Project script<br/>[2.js]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home

click node_home "https://github.com/farhanullah5332/portfolio-website/blob/main/index.html"
click node_site_styles "https://github.com/farhanullah5332/portfolio-website/blob/main/1.css"
click node_cv "https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/CV/CV.html"
click node_project "https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/pro1/2.html"
click node_project_styles "https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/pro1/2.css"
click node_project_script "https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/pro1/2.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_site_styles,node_cv,node_project,node_project_styles,node_project_script toneBlue
class node_visitor toneIndigo
```

## Components

### Portfolio website

- [Portfolio page](https://github.com/farhanullah5332/portfolio-website/blob/main/index.html): `index.html`
- [Site styles](https://github.com/farhanullah5332/portfolio-website/blob/main/1.css): `1.css`
- [CV page](https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/CV/CV.html): `assets/files/CV/CV.html`
- [Project page](https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/pro1/2.html): `assets/files/pro1/2.html`
- [Project styles](https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/pro1/2.css): `assets/files/pro1/2.css`
- [Project script](https://github.com/farhanullah5332/portfolio-website/blob/main/assets/files/pro1/2.js): `assets/files/pro1/2.js`

### Other components

- **Visitor**

## Connections

- Visitor → Portfolio page: opens