# barathg25/my_portfolio architecture

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

- Interactive diagram: https://gitdiagram.com/barathg25/my_portfolio
- Repository: https://github.com/barathg25/my_portfolio

## Overview

This repository is a static personal DevOps portfolio. Visitors open the website to view the résumé, projects, and technical competencies; the page also provides the documented glassmorphism styling, animations, and responsive navigation. The README describes an Nginx Alpine container as a deployment option. No source excerpts were provided, so the page’s internal implementation and the container’s exact file-serving configuration are not shown.

Main entry points: [`index.html`](https://github.com/barathg25/my_portfolio/blob/master/index.html) (Portfolio page), [`Dockerfile`](https://github.com/barathg25/my_portfolio/blob/master/Dockerfile) (Nginx container)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio experience"]
  node_portfolio_page["Portfolio page<br/>[index.html]"]
end

subgraph group_deployment["Deployment"]
  node_nginx_container["Nginx container"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_portfolio_page
node_nginx_container -->|"hosts"| node_portfolio_page

click node_portfolio_page "https://github.com/barathg25/my_portfolio/blob/master/index.html"
click node_nginx_container "https://github.com/barathg25/my_portfolio/blob/master/Dockerfile"

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_page toneBlue
class node_nginx_container toneAmber
class node_visitor toneIndigo
```

## Components

### Portfolio experience

- [Portfolio page](https://github.com/barathg25/my_portfolio/blob/master/index.html): `index.html`

### Deployment

- [Nginx container](https://github.com/barathg25/my_portfolio/blob/master/Dockerfile): `Dockerfile`

### Other components

- **Visitor**

## Connections

- Visitor → Portfolio page: views (evidence: `README.md`)
- Nginx container → Portfolio page: hosts (evidence: `README.md`)