diff --git a/docs/diagrams.md b/docs/diagrams.md
new file mode 100644
index 0000000..0ade2f0
--- /dev/null
+++ b/docs/diagrams.md
@@ -0,0 +1,13 @@
+# Diagrams
+
+## Simplified E2E Flow
+
+![simple-e2e](./images/hot-tool-overview.png)
+
+## Detailed E2E Flow
+
+![detailed-e2e](./images/hot-components-model.png)
+
+## Block Model Diagram
+
+![block-model](./images/hot-tools-block-model.png)
diff --git a/docs/images/hot-components-model.png b/docs/images/hot-components-model.png
new file mode 100644
index 0000000..ede4152
Binary files /dev/null and b/docs/images/hot-components-model.png differ
diff --git a/docs/images/hot-tool-overview.png b/docs/images/hot-tool-overview.png
new file mode 100644
index 0000000..7659f3b
Binary files /dev/null and b/docs/images/hot-tool-overview.png differ
diff --git a/docs/images/hot-tools-block-model.png b/docs/images/hot-tools-block-model.png
new file mode 100644
index 0000000..09de803
Binary files /dev/null and b/docs/images/hot-tools-block-model.png differ
diff --git a/mkdocs.yml b/mkdocs.yml
index 73c151f..f845eda 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -50,8 +50,8 @@ nav:
   - Home: index.md
   - Modularization:
       - Info: modules.md
-      - Backend: modules/modules-backend.md
-      - Frontend: modules/modules-frontend.md
+      - Backend: modules/backend.md
+      - Frontend: modules/frontend.md
   - Services:
       - Intro: tools-summary.md
       - Tasking Manager:
@@ -107,5 +107,4 @@ nav:
       - Generating Docs: dev-guide/doc-gen.md
       - Web Frameworks: dev-guide/web-frameworks.md
       - Testing: dev-guide/testing.md
-  - E2E Diagrams:
-      - TODO: https://hotosm.org
+  - E2E Diagrams: diagrams.md