# atitsogbeobed21-dev/personal-portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/atitsogbeobed21-dev/personal-portfolio
- Repository: https://github.com/atitsogbeobed21-dev/personal-portfolio

## Overview

This is a small browser-based page with JavaScript interactions: mobile-menu toggling, light/dark theme switching, in-page navigation, and client-side contact-form feedback. The form does not send data to a backend; after displaying success feedback it requests fullscreen and redirects to index.html. The README is empty and index.html was not sampled, so the page’s content and how it loads the script are uncertain.

Main entry points: [`script.js`](https://github.com/atitsogbeobed21-dev/personal-portfolio/blob/master/script.js) (Page interactions), [`index.html`](https://github.com/atitsogbeobed21-dev/personal-portfolio/blob/master/index.html) (Web page)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_page["Web page<br/>[index.html]"]
node_script["Page interactions<br/>[script.js]"]
node_dom["Browser DOM"]
node_lucide["Lucide icons"]

node_visitor -->|"triggers events"| node_dom
node_script -->|"binds and updates"| node_dom
node_script -.->|"renders icons"| node_lucide
node_script -->|"redirects to"| node_page

click node_page "https://github.com/atitsogbeobed21-dev/personal-portfolio/blob/master/index.html"
click node_script "https://github.com/atitsogbeobed21-dev/personal-portfolio/blob/master/script.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_visitor,node_lucide toneIndigo
class node_page,node_script toneTeal
class node_dom toneBlue
```

## Components

### Other components

- **Visitor**
- [Web page](https://github.com/atitsogbeobed21-dev/personal-portfolio/blob/master/index.html): `index.html`
- [Page interactions](https://github.com/atitsogbeobed21-dev/personal-portfolio/blob/master/script.js): `script.js`
- **Browser DOM**
- **Lucide icons**

## Connections

- Visitor → Browser DOM: triggers events
- Page interactions → Browser DOM: binds and updates
- Page interactions → Lucide icons: renders icons
- Page interactions → Web page: redirects to