diff --git a/README.md b/README.md
index 56bee494..2466375e 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,9 @@ Please consider [sponsoring](https://github.com/sponsors/frikky) the project if
 * App creator for [OpenAPI](https://github.com/frikky/OpenAPI-security-definitions)
 * Easy to learn Python library for custom apps
 
+## Architecture
+![Shuffle Architecture](https://github.com/frikky/Shuffle/blob/master/frontend/src/assets/img/shuffle_architecture.png)
+
 ## Website
 https://shuffler.io
 
@@ -46,7 +49,7 @@ All modular information related to Shuffle will be under MIT (anyone can use it
 Apps & App SDK: MIT
 Shuffle backend: AGPLv3 
 
-### Project overview 
+### Repository overview 
 Below is the folder structure with a short explanation
 ```bash
 ├── README.md				# What you're reading right now
diff --git a/frontend/src/assets/img/shuffle_architecture.png b/frontend/src/assets/img/shuffle_architecture.png
new file mode 100644
index 00000000..585529a8
Binary files /dev/null and b/frontend/src/assets/img/shuffle_architecture.png differ