# maheenzahra-hub/my_portfolio architecture

> Architecture diagram of the GitHub repository maheenzahra-hub/my_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/maheenzahra-hub/my_portfolio
- Repository: https://github.com/maheenzahra-hub/my_portfolio

## Overview

This is a static personal portfolio site. Visitors can view the home page’s documented overview, skills, and project showcase, plus separate experience and certifications pages. The file tree identifies the pages and stylesheet, but no source excerpts confirm page links, stylesheet usage, or specific project destinations, so those connections are omitted.

Main entry points: [`index.html`](https://github.com/maheenzahra-hub/my_portfolio/blob/main/index.html) (Home and showcase), [`experience.html`](https://github.com/maheenzahra-hub/my_portfolio/blob/main/experience.html) (Experience), [`certifications.html`](https://github.com/maheenzahra-hub/my_portfolio/blob/main/certifications.html) (Certifications)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_content["Portfolio content"]
  node_home["Home and showcase<br/>[index.html]"]
  node_experience["Experience<br/>[experience.html]"]
  node_certifications["Certifications"]
end

subgraph group_presentation["Presentation"]
  node_styles["Site styles<br/>[style.css]"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_home
node_visitor -->|"views"| node_experience
node_visitor -->|"views"| node_certifications

click node_home "https://github.com/maheenzahra-hub/my_portfolio/blob/main/index.html"
click node_experience "https://github.com/maheenzahra-hub/my_portfolio/blob/main/experience.html"
click node_certifications "https://github.com/maheenzahra-hub/my_portfolio/blob/main/certifications.html"
click node_styles "https://github.com/maheenzahra-hub/my_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_home,node_experience,node_certifications toneBlue
class node_styles toneAmber
class node_visitor toneIndigo
```

## Components

### Portfolio content

- [Home and showcase](https://github.com/maheenzahra-hub/my_portfolio/blob/main/index.html): `index.html`
- [Experience](https://github.com/maheenzahra-hub/my_portfolio/blob/main/experience.html): `experience.html`
- [Certifications](https://github.com/maheenzahra-hub/my_portfolio/blob/main/certifications.html): `certifications.html`

### Presentation

- [Site styles](https://github.com/maheenzahra-hub/my_portfolio/blob/main/style.css): `style.css`

### Other components

- **Visitor**

## Connections

- Visitor → Home and showcase: views
- Visitor → Experience: views
- Visitor → Certifications: views