# pughalvanan231-web/enginex-portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/pughalvanan231-web/enginex-portfolio
- Repository: https://github.com/pughalvanan231-web/enginex-portfolio

## Overview

This repository is a static creative-studio portfolio site, with a small Node.js server for local delivery. The visitor-facing experience is organized across studio, work, services, contact, editorial, and showcase pages; the README also describes a design system and interactive visual features. The server maps requests to files, serves common media types, supports ranged MP4 responses, and falls back to the homepage for missing routes. HTML-to-script and page-to-page wiring is not shown in the sampled source, so those relationships are omitted.

Main entry points: [`server.js`](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/server.js) (Static server), [`index.html`](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/index.html) (Homepage), [`studio.html`](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/studio.html) (Studio profile), [`services.html`](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/services.html) (Services overview)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Studio and services"]
  node_home["Homepage<br/>[index.html]"]
  node_studio["Studio profile<br/>[studio.html]"]
  node_services["Services overview<br/>[services.html]"]
  node_brand["Brand identity"]
  node_websites["Website services"]
  node_campaigns["Campaign services"]
  node_ai["AI visibility"]
  node_retainer["Retainer services"]
  node_contact["Contact onboarding<br/>[contact.html]"]
end

subgraph group_showcase["Portfolio and showcases"]
  node_work["Work portfolio<br/>[work.html]"]
  node_reel["Video reel<br/>[reel.html]"]
  node_journal["Journal<br/>[journal.html]"]
  node_innovation["Innovation lab"]
  node_designsystem["Design system<br/>[system.html]"]
end

subgraph group_assets["Media and interactions"]
  node_media["Site media"]
  node_scripts["Browser scripts"]
end

subgraph group_delivery["Local delivery"]
  node_server["Static server<br/>[server.js]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"requests pages"| node_server
node_server -->|"serves files"| node_home
node_server -->|"serves files"| node_studio
node_server -->|"serves files"| node_services
node_server -->|"serves files"| node_brand
node_server -->|"serves files"| node_websites
node_server -->|"serves files"| node_campaigns
node_server -->|"serves files"| node_ai
node_server -->|"serves files"| node_retainer
node_server -->|"serves files"| node_contact
node_server -->|"serves files"| node_work
node_server -->|"serves files"| node_reel
node_server -->|"serves files"| node_journal
node_server -->|"serves files"| node_innovation
node_server -->|"serves files"| node_designsystem
node_server -->|"streams assets"| node_media

click node_home "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/index.html"
click node_studio "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/studio.html"
click node_services "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/services.html"
click node_brand "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-brand-identity.html"
click node_websites "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-websites.html"
click node_campaigns "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-campaigns.html"
click node_ai "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-ai-visibility.html"
click node_retainer "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-retainer.html"
click node_contact "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/contact.html"
click node_work "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/work.html"
click node_reel "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/reel.html"
click node_journal "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/journal.html"
click node_innovation "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/innovation-lab.html"
click node_designsystem "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/system.html"
click node_media "https://github.com/pughalvanan231-web/enginex-portfolio/tree/main/assets"
click node_scripts "https://github.com/pughalvanan231-web/enginex-portfolio/tree/main/assets/js"
click node_server "https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/server.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_studio,node_services,node_brand,node_websites,node_campaigns,node_ai,node_retainer,node_contact toneBlue
class node_work,node_reel,node_journal,node_innovation,node_designsystem toneAmber
class node_media,node_scripts toneMint
class node_server toneRose
class node_visitor toneIndigo
```

## Components

### Studio and services

- [Homepage](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/index.html): `index.html`
- [Studio profile](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/studio.html): `studio.html`
- [Services overview](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/services.html): `services.html`
- [Brand identity](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-brand-identity.html): `service-brand-identity.html`
- [Website services](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-websites.html): `service-websites.html`
- [Campaign services](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-campaigns.html): `service-campaigns.html`
- [AI visibility](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-ai-visibility.html): `service-ai-visibility.html`
- [Retainer services](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/service-retainer.html): `service-retainer.html`
- [Contact onboarding](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/contact.html): `contact.html`

### Portfolio and showcases

- [Work portfolio](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/work.html): `work.html`
- [Video reel](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/reel.html): `reel.html`
- [Journal](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/journal.html): `journal.html`
- [Innovation lab](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/innovation-lab.html): `innovation-lab.html`
- [Design system](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/system.html): `system.html`

### Media and interactions

- [Site media](https://github.com/pughalvanan231-web/enginex-portfolio/tree/main/assets): `assets`
- [Browser scripts](https://github.com/pughalvanan231-web/enginex-portfolio/tree/main/assets/js): `assets/js`

### Local delivery

- [Static server](https://github.com/pughalvanan231-web/enginex-portfolio/blob/main/server.js): `server.js`

### Other components

- **Site visitor**

## Connections

- Site visitor → Static server: requests pages (evidence: `server.js`)
- Static server → Homepage: serves files (evidence: `server.js`)
- Static server → Studio profile: serves files (evidence: `server.js`)
- Static server → Services overview: serves files (evidence: `server.js`)
- Static server → Brand identity: serves files (evidence: `server.js`)
- Static server → Website services: serves files (evidence: `server.js`)
- Static server → Campaign services: serves files (evidence: `server.js`)
- Static server → AI visibility: serves files (evidence: `server.js`)
- Static server → Retainer services: serves files (evidence: `server.js`)
- Static server → Contact onboarding: serves files (evidence: `server.js`)
- Static server → Work portfolio: serves files (evidence: `server.js`)
- Static server → Video reel: serves files (evidence: `server.js`)
- Static server → Journal: serves files (evidence: `server.js`)
- Static server → Innovation lab: serves files (evidence: `server.js`)
- Static server → Design system: serves files (evidence: `server.js`)
- Static server → Site media: streams assets (evidence: `server.js`)