# shakibuzzaman52/portfolio architecture

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

## Overview

This is a static personal portfolio: visitors enter through the home page and browse portfolio sections, articles, and a resume. The tree and README identify additional content areas, but their page implementations were not sampled; their internal behavior and exact navigation wiring are therefore not inferred. The sampled JavaScript implements shared header and footer UI plus background styling.

Main entry points: [`pages/asset/js/header.js`](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/header.js) (Navigation header), [`pages/asset/js/footer.js`](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/footer.js) (Footer and top link), [`index.html`](https://github.com/shakibuzzaman52/portfolio/blob/main/index.html) (Home), [`pages/education/education.html`](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/education/education.html) (Education)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Portfolio pages"]
  node_home["Home<br/>[index.html]"]
  node_education["Education<br/>[education.html]"]
  node_achievements["Achievements<br/>[achievement.html]"]
  node_projects["Projects<br/>[project.html]"]
  node_resources["Resources<br/>[resource.html]"]
  node_movie["Movies<br/>[movie.html]"]
  node_resume["Resume"]
end

subgraph group_writing["Blog content"]
  node_blog["Blog<br/>[blog.html]"]
  node_articles["Blog articles"]
end

subgraph group_shared["Shared presentation"]
  node_header["Navigation header<br/>[header.js]"]
  node_footer["Footer and top link<br/>[footer.js]"]
  node_background["Background styling<br/>[background.js]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_header -->|"links to"| node_home
node_header -->|"links to"| node_education
node_header -->|"links to"| node_achievements
node_header -->|"links to"| node_projects
node_header -->|"links to"| node_resources
node_header -->|"links to"| node_blog
node_header -->|"links to"| node_resume
node_footer -->|"links to"| node_home
node_footer -->|"links to"| node_blog
node_footer -->|"links to"| node_projects
node_footer -->|"links to"| node_resources
node_footer -->|"links to"| node_education
node_footer -->|"links to"| node_achievements
node_footer -->|"scrolls to top"| node_visitor

click node_home "https://github.com/shakibuzzaman52/portfolio/blob/main/index.html"
click node_education "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/education/education.html"
click node_achievements "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/achievement/achievement.html"
click node_projects "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/project/project.html"
click node_resources "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/resource/resource.html"
click node_movie "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/movie/movie.html"
click node_resume "https://github.com/shakibuzzaman52/portfolio/tree/main/pages/resume"
click node_blog "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/blog/blog.html"
click node_articles "https://github.com/shakibuzzaman52/portfolio/tree/main/pages/blog/article"
click node_header "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/header.js"
click node_footer "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/footer.js"
click node_background "https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/background.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_education,node_achievements,node_projects,node_resources,node_movie,node_resume toneBlue
class node_blog,node_articles toneAmber
class node_header,node_footer,node_background toneMint
class node_visitor toneIndigo
```

## Components

### Portfolio pages

- [Home](https://github.com/shakibuzzaman52/portfolio/blob/main/index.html): `index.html`
- [Education](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/education/education.html): `pages/education/education.html`
- [Achievements](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/achievement/achievement.html): `pages/achievement/achievement.html`
- [Projects](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/project/project.html): `pages/project/project.html`
- [Resources](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/resource/resource.html): `pages/resource/resource.html`
- [Movies](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/movie/movie.html): `pages/movie/movie.html`
- [Resume](https://github.com/shakibuzzaman52/portfolio/tree/main/pages/resume): `pages/resume`

### Blog content

- [Blog](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/blog/blog.html): `pages/blog/blog.html`
- [Blog articles](https://github.com/shakibuzzaman52/portfolio/tree/main/pages/blog/article): `pages/blog/article`

### Shared presentation

- [Navigation header](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/header.js): `pages/asset/js/header.js`
- [Footer and top link](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/footer.js): `pages/asset/js/footer.js`
- [Background styling](https://github.com/shakibuzzaman52/portfolio/blob/main/pages/asset/js/background.js): `pages/asset/js/background.js`

### Other components

- **Visitor**

## Connections

- Visitor → Home: opens
- Navigation header → Home: links to
- Navigation header → Education: links to
- Navigation header → Achievements: links to
- Navigation header → Projects: links to
- Navigation header → Resources: links to
- Navigation header → Blog: links to
- Navigation header → Resume: links to
- Footer and top link → Home: links to
- Footer and top link → Blog: links to
- Footer and top link → Projects: links to
- Footer and top link → Resources: links to
- Footer and top link → Education: links to
- Footer and top link → Achievements: links to
- Footer and top link → Visitor: scrolls to top