# imansoleiman/full-stack-engineering-company-website architecture

> Architecture diagram of the GitHub repository imansoleiman/full-stack-engineering-company-website, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-25). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/imansoleiman/full-stack-engineering-company-website
- Repository: https://github.com/imansoleiman/full-stack-engineering-company-website

## Overview

Spectrum is a PHP/MySQL corporate website paired with an admin content-management dashboard. Visitors browse company information and domain pages, while administrators authenticate and maintain the content that those pages display. The graph captures the evidenced homepage and services reads, representative admin management, and a separate image-blob service. The tree and README document broader project, team, news, location, and corporate content features; their implementation paths are represented at directory level because their source was not sampled, so uncertain runtime connections are omitted.

Main entry points: [`config.php`](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/config.php) (Database connection), [`index.php`](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/index.php) (Home page), [`services.php`](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/services.php) (Services page), [`admin/index.php`](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/admin/index.php) (Admin login)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_public["Public website"]
  node_home["Home page<br/>[index.php]"]
  node_services["Services page<br/>[services.php]"]
  node_corporate["Corporate pages<br/>[corporate.php]"]
  node_projects["Projects page<br/>[projects.php]"]
  node_teams["Team page<br/>[teams.php]"]
  node_news["News pages<br/>[news.php]"]
  node_contact["Contact and careers<br/>[contact.php]"]
  node_location["Locations page<br/>[locate.php]"]
end

subgraph group_admin["Admin content management"]
  node_login["Admin login<br/>[index.php]"]
  node_dashboard["Admin dashboard<br/>[home.php]"]
  node_content["Page content management"]
  node_serviceadmin["Services management"]
  node_projectadmin["Projects management"]
  node_teamadmin["Team management"]
  node_newsadmin["News management"]
  node_galleryadmin["Image galleries"]
end

subgraph group_backend["Backend and media"]
  node_dbconfig["Database connection<br/>[config.php]"]
  node_mysql[("MySQL database")]
  node_blob["Blob service<br/>[server.js]"]
  node_blobstore[("Vercel Blob")]
end

node_visitor(("Visitor"))
node_adminuser(("Administrator"))

node_visitor -->|"opens"| node_home
node_visitor -->|"opens"| node_services
node_visitor -->|"browses"| node_corporate
node_visitor -->|"browses"| node_projects
node_visitor -->|"browses"| node_teams
node_visitor -->|"browses"| node_news
node_visitor -->|"contacts or applies"| node_contact
node_visitor -->|"finds offices"| node_location
node_home -->|"queries slides"| node_dbconfig
node_services -->|"queries service content"| node_dbconfig
node_dbconfig -->|"connects"| node_mysql
node_adminuser -->|"submits credentials"| node_login
node_login -->|"redirects on success"| node_dashboard
node_dashboard -->|"links to management"| node_content
node_content -.->|"manages content"| node_dbconfig
node_serviceadmin -->|"writes services"| node_dbconfig
node_projectadmin -->|"manages projects"| node_dbconfig
node_teamadmin -->|"manages team content"| node_dbconfig
node_newsadmin -->|"manages news"| node_dbconfig
node_galleryadmin -->|"manages categories"| node_dbconfig
node_blob -->|"uploads and deletes"| node_blobstore

click node_home "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/index.php"
click node_services "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/services.php"
click node_corporate "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/corporate.php"
click node_projects "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/projects.php"
click node_teams "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/teams.php"
click node_news "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/news.php"
click node_contact "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/contact.php"
click node_location "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/locate.php"
click node_login "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/admin/index.php"
click node_dashboard "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/admin/home.php"
click node_content "https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/about"
click node_serviceadmin "https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/servicesPage"
click node_projectadmin "https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/projects"
click node_teamadmin "https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/teams"
click node_newsadmin "https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/news"
click node_galleryadmin "https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/spectrum"
click node_dbconfig "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/config.php"
click node_blob "https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/blob-service/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_services,node_corporate,node_projects,node_teams,node_news,node_contact,node_location toneBlue
class node_login,node_dashboard,node_content,node_serviceadmin,node_projectadmin,node_teamadmin,node_newsadmin,node_galleryadmin toneAmber
class node_dbconfig,node_mysql,node_blob,node_blobstore toneMint
class node_visitor,node_adminuser toneIndigo
```

## Components

### Public website

- [Home page](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/index.php): `index.php`
- [Services page](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/services.php): `services.php`
- [Corporate pages](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/corporate.php): `corporate.php`
- [Projects page](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/projects.php): `projects.php`
- [Team page](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/teams.php): `teams.php`
- [News pages](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/news.php): `news.php`
- [Contact and careers](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/contact.php): `contact.php`
- [Locations page](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/locate.php): `locate.php`

### Admin content management

- [Admin login](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/admin/index.php): `admin/index.php`
- [Admin dashboard](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/admin/home.php): `admin/home.php`
- [Page content management](https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/about): `admin/about`
- [Services management](https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/servicesPage): `admin/servicesPage`
- [Projects management](https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/projects): `admin/projects`
- [Team management](https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/teams): `admin/teams`
- [News management](https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/news): `admin/news`
- [Image galleries](https://github.com/imansoleiman/full-stack-engineering-company-website/tree/main/admin/spectrum): `admin/spectrum`

### Backend and media

- [Database connection](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/config.php): `config.php`
- **MySQL database**
- [Blob service](https://github.com/imansoleiman/full-stack-engineering-company-website/blob/main/blob-service/server.js): `blob-service/server.js`
- **Vercel Blob**

### Other components

- **Visitor**
- **Administrator**

## Connections

- Visitor → Home page: opens
- Visitor → Services page: opens
- Visitor → Corporate pages: browses
- Visitor → Projects page: browses
- Visitor → Team page: browses
- Visitor → News pages: browses
- Visitor → Contact and careers: contacts or applies
- Visitor → Locations page: finds offices
- Home page → Database connection: queries slides
- Services page → Database connection: queries service content
- Database connection → MySQL database: connects
- Administrator → Admin login: submits credentials
- Admin login → Admin dashboard: redirects on success
- Admin dashboard → Page content management: links to management
- Page content management → Database connection: manages content
- Services management → Database connection: writes services
- Projects management → Database connection: manages projects
- Team management → Database connection: manages team content
- News management → Database connection: manages news
- Image galleries → Database connection: manages categories
- Blob service → Vercel Blob: uploads and deletes