diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md
new file mode 100644
index 0000000..744e6dc
--- /dev/null
+++ b/ARCHITECTURE.md
@@ -0,0 +1,24 @@
+# System Architecture
+
+```mermaid
+graph TD
+  A[Frontend] --> B[index.html]
+  A --> C[style.css]
+  A --> D[script.js]
+  B --> E[UI Rendering]
+  C --> F[CSS Styling]
+  D --> G[JavaScript Logic]
+  H[Backend] --> I[Dockerfile]
+  H --> J[Jenkinsfile]
+  I --> K[Containerization]
+  J --> L[CI/CD Pipeline]
+  M[ Technologies ] --> N[HTML/CSS/JS]
+  M --> O[Node.js/Docker/Jenkins]
+  P[Data Flow] --> Q[Frontend -> Backend]
+  Q --> R[API Calls]
+  S[Folder Responsibility]
+  S --> T[Frontend: src/index.html, src/script.js, src/style.css]
+  S --> U[Backend: src/Dockerfile, src/Jenkinsfile]
+```
+
+> Generated by GitGenius Sentinel
\ No newline at end of file