# melvingamanajr/dev-portfolio architecture

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

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

## Overview

This repository snapshot is a small static portfolio, not the website source described in the README: the referenced melvin-portfolio/ directory is absent from the tree. The README identifies dist/index.html as the self-contained website, while scripts/serve.mjs provides a local static-file preview. The portfolio’s documented visitor-facing features cannot be mapped more specifically from the available evidence.

Main entry points: [`dist/index.html`](https://github.com/melvingamanajr/dev-portfolio/blob/main/dist/index.html) (Portfolio page), [`scripts/serve.mjs`](https://github.com/melvingamanajr/dev-portfolio/blob/main/scripts/serve.mjs) (Static preview server)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Portfolio site"]
  node_portfolio["Portfolio page<br/>[index.html]"]
end

subgraph group_preview["Local preview"]
  node_preview_server["Static preview server<br/>[serve.mjs]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"views"| node_portfolio
node_preview_server -->|"serves files"| node_portfolio

click node_portfolio "https://github.com/melvingamanajr/dev-portfolio/blob/main/dist/index.html"
click node_preview_server "https://github.com/melvingamanajr/dev-portfolio/blob/main/scripts/serve.mjs"

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_portfolio toneBlue
class node_preview_server toneAmber
class node_visitor toneIndigo
```

## Components

### Portfolio site

- [Portfolio page](https://github.com/melvingamanajr/dev-portfolio/blob/main/dist/index.html): `dist/index.html`

### Local preview

- [Static preview server](https://github.com/melvingamanajr/dev-portfolio/blob/main/scripts/serve.mjs): `scripts/serve.mjs`

### Other components

- **Site visitor**

## Connections

- Site visitor → Portfolio page: views (evidence: `README.md`)
- Static preview server → Portfolio page: serves files (evidence: `scripts/serve.mjs`)