# chaabi8noor/aws-s3-static-website architecture

> Architecture diagram of the GitHub repository chaabi8noor/aws-s3-static-website, 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/chaabi8noor/aws-s3-static-website
- Repository: https://github.com/chaabi8noor/aws-s3-static-website

## Overview

This repository documents a guided deployment of a sample static website to Amazon S3; it contains no website source or deployment automation. The principal workflow is a browser request to the S3 website endpoint, which serves the bucket’s index page and assets. A separate access-control exercise records a deletion-deny policy and a failed deletion attempt. The README and screenshots are evidence artifacts, not runtime components; the screenshots do not establish which permission change resolved the earlier 403.

Main entry points: [`README.md`](https://github.com/chaabi8noor/aws-s3-static-website/blob/main/README.md) (Project write-up), [`screenshots`](https://github.com/chaabi8noor/aws-s3-static-website/tree/main/screenshots) (Lab screenshots)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_hosting["Website hosting"]
  node_endpoint["S3 website endpoint"]
  node_bucket[("S3 bucket")]
  node_sitefiles["Index and assets"]
end

subgraph group_access["Access control"]
  node_policy["Deletion-deny policy"]
  node_console(("AWS console"))
end

subgraph group_evidence["Project evidence"]
  node_writeup["Project write-up<br/>[README.md]"]
  node_screenshots["Lab screenshots"]
end

node_browser(("Browser"))

node_browser -->|"requests page"| node_endpoint
node_endpoint -->|"serves content"| node_bucket
node_bucket -->|"reads objects"| node_sitefiles
node_sitefiles -->|"returns page"| node_browser
node_bucket -->|"applies policy"| node_policy
node_console -->|"attempts deletion"| node_bucket
node_bucket -->|"denies deletion"| node_console
node_writeup -->|"documents evidence"| node_screenshots

click node_writeup "https://github.com/chaabi8noor/aws-s3-static-website/blob/main/README.md"
click node_screenshots "https://github.com/chaabi8noor/aws-s3-static-website/tree/main/screenshots"

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_endpoint,node_bucket,node_sitefiles,node_browser toneBlue
class node_policy,node_console toneAmber
class node_writeup,node_screenshots toneMint
```

## Components

### Website hosting

- **S3 website endpoint**
- **S3 bucket**
- **Index and assets**

### Access control

- **Deletion-deny policy**
- **AWS console**

### Project evidence

- [Project write-up](https://github.com/chaabi8noor/aws-s3-static-website/blob/main/README.md): `README.md`
- [Lab screenshots](https://github.com/chaabi8noor/aws-s3-static-website/tree/main/screenshots): `screenshots`

### Other components

- **Browser**

## Connections

- Browser → S3 website endpoint: requests page (evidence: `README.md`)
- S3 website endpoint → S3 bucket: serves content (evidence: `README.md`)
- S3 bucket → Index and assets: reads objects (evidence: `README.md`)
- Index and assets → Browser: returns page (evidence: `README.md`)
- S3 bucket → Deletion-deny policy: applies policy (evidence: `README.md`)
- AWS console → S3 bucket: attempts deletion (evidence: `README.md`)
- S3 bucket → AWS console: denies deletion (evidence: `README.md`)
- Project write-up → Lab screenshots: documents evidence (evidence: `README.md`)