# azbayou/profile architecture

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

- Interactive diagram: https://gitdiagram.com/azbayou/profile
- Repository: https://github.com/azbayou/profile

## Overview

This is a lightweight personal portfolio site for a data analyst and logistics specialist. Visitors view the portfolio, follow links to an interactive CV spreadsheet, and use a floating RAG chatbot. The README documents the site’s responsive layout and visual effects, but source excerpts were unavailable, so implementation details and chatbot service wiring are not inferred.

Main entry points: [`index.html`](https://github.com/azbayou/profile/blob/main/index.html) (Portfolio page), [`style.css`](https://github.com/azbayou/profile/blob/main/style.css) (Custom styles)

## Diagram (Mermaid)

```mermaid
flowchart TD

node_visitor(("Visitor"))
node_portfolio["Portfolio page<br/>[index.html]"]
node_styles["Custom styles<br/>[style.css]"]
node_chatbot["RAG chatbot<br/>[index.html]"]
node_cv["CV spreadsheet"]

node_visitor -->|"views"| node_portfolio
node_portfolio -->|"uses styles"| node_styles
node_portfolio -->|"provides interface"| node_chatbot
node_visitor -->|"interacts with"| node_chatbot
node_visitor -->|"opens link"| node_cv

click node_portfolio "https://github.com/azbayou/profile/blob/main/index.html"
click node_styles "https://github.com/azbayou/profile/blob/main/style.css"
click node_chatbot "https://github.com/azbayou/profile/blob/main/index.html"

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_cv toneIndigo
class node_portfolio,node_styles,node_chatbot toneTeal
```

## Components

### Other components

- **Visitor**
- [Portfolio page](https://github.com/azbayou/profile/blob/main/index.html): `index.html`
- [Custom styles](https://github.com/azbayou/profile/blob/main/style.css): `style.css`
- [RAG chatbot](https://github.com/azbayou/profile/blob/main/index.html): `index.html`
- **CV spreadsheet**

## Connections

- Visitor → Portfolio page: views
- Portfolio page → Custom styles: uses styles
- Portfolio page → RAG chatbot: provides interface
- Visitor → RAG chatbot: interacts with
- Visitor → CV spreadsheet: opens link