diff --git a/.npmrc b/.npmrc
index f87a04434..8051a481e 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1 +1,2 @@
-auto-install-peers=true
\ No newline at end of file
+auto-install-peers=true
+strict-peer-dependencies=false
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 57464f63f..04d9e1227 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11025,4 +11025,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 78a210783..e2f3f0ef2 100644
--- a/package.json
+++ b/package.json
@@ -27,10 +27,10 @@
     "@astrojs/tailwind": "^5.0.2",
     "@fingerprintjs/fingerprintjs": "^4.1.0",
     "@nanostores/react": "^0.7.1",
-    "@types/react": "^18.2.29",
+    "@types/react": "^18.2.31",
     "@types/react-dom": "^18.2.14",
-    "astro": "^3.3.2",
-    "astro-compress": "^2.0.15",
+    "astro": "^3.3.3",
+    "astro-compress": "^2.1.5",
     "clsx": "^2.0.0",
     "dracula-prism": "^2.1.13",
     "jose": "^4.15.4",
@@ -50,7 +50,7 @@
     "slugify": "^1.6.6",
     "tailwind-merge": "^1.14.0",
     "tailwindcss": "^3.3.3",
-    "zustand": "^4.4.3"
+    "zustand": "^4.4.4"
   },
   "devDependencies": {
     "@playwright/test": "^1.39.0",
@@ -61,7 +61,7 @@
     "gh-pages": "^6.0.0",
     "js-yaml": "^4.1.0",
     "markdown-it": "^13.0.2",
-    "openai": "^4.12.4",
+    "openai": "^4.13.0",
     "prettier": "^3.0.3",
     "prettier-plugin-astro": "^0.12.0",
     "prettier-plugin-tailwindcss": "^0.5.6"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 24531adf5..46101e660 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,13 +7,13 @@ settings:
 dependencies:
   '@astrojs/react':
     specifier: ^3.0.3
-    version: 3.0.3(@types/react-dom@18.2.14)(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
+    version: 3.0.3(@types/react-dom@18.2.14)(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0)
   '@astrojs/sitemap':
     specifier: ^3.0.2
     version: 3.0.2
   '@astrojs/tailwind':
     specifier: ^5.0.2
-    version: 5.0.2(astro@3.3.2)(tailwindcss@3.3.3)
+    version: 5.0.2(astro@3.3.3)(tailwindcss@3.3.3)
   '@fingerprintjs/fingerprintjs':
     specifier: ^4.1.0
     version: 4.1.0
@@ -21,17 +21,17 @@ dependencies:
     specifier: ^0.7.1
     version: 0.7.1(nanostores@0.9.4)(react@18.2.0)
   '@types/react':
-    specifier: ^18.2.29
-    version: 18.2.29
+    specifier: ^18.2.31
+    version: 18.2.31
   '@types/react-dom':
     specifier: ^18.2.14
     version: 18.2.14
   astro:
-    specifier: ^3.3.2
-    version: 3.3.2
+    specifier: ^3.3.3
+    version: 3.3.3(typescript@5.3.0-dev.20231021)
   astro-compress:
-    specifier: ^2.0.15
-    version: 2.0.15
+    specifier: ^2.1.5
+    version: 2.1.5
   clsx:
     specifier: ^2.0.0
     version: 2.0.0
@@ -73,7 +73,7 @@ dependencies:
     version: 18.2.0(react@18.2.0)
   reactflow:
     specifier: ^11.9.4
-    version: 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+    version: 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
   rehype-external-links:
     specifier: ^3.0.0
     version: 3.0.0
@@ -90,8 +90,8 @@ dependencies:
     specifier: ^3.3.3
     version: 3.3.3
   zustand:
-    specifier: ^4.4.3
-    version: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+    specifier: ^4.4.4
+    version: 4.4.4(@types/react@18.2.31)(react@18.2.0)
 
 devDependencies:
   '@playwright/test':
@@ -119,8 +119,8 @@ devDependencies:
     specifier: ^13.0.2
     version: 13.0.2
   openai:
-    specifier: ^4.12.4
-    version: 4.12.4
+    specifier: ^4.13.0
+    version: 4.13.0
   prettier:
     specifier: ^3.0.3
     version: 3.0.3
@@ -157,13 +157,13 @@ packages:
     resolution: {integrity: sha512-06DD2ZnItMwUnH81LBLco3tWjcZ1lGU9rLCCBaeUCGYe9cI0wKyY2W3kDyoW1I6GmcWgt1fu+D1CTvz+FIKf8A==}
     dev: false
 
-  /@astrojs/markdown-remark@3.3.0(astro@3.3.2):
+  /@astrojs/markdown-remark@3.3.0(astro@3.3.3):
     resolution: {integrity: sha512-ezFzEiZygc/ASe2Eul9v1yrTbNGqSbR348UGNXQ4Dtkx8MYRwfiBfmPm6VnEdfIGkW+bi5qIUReKfc7mPVUkIg==}
     peerDependencies:
       astro: ^3.3.0
     dependencies:
       '@astrojs/prism': 3.0.0
-      astro: 3.3.2
+      astro: 3.3.3(typescript@5.3.0-dev.20231021)
       github-slugger: 2.0.0
       import-meta-resolve: 3.0.0
       mdast-util-definitions: 6.0.0
@@ -188,7 +188,7 @@ packages:
       prismjs: 1.29.0
     dev: false
 
-  /@astrojs/react@3.0.3(@types/react-dom@18.2.14)(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
+  /@astrojs/react@3.0.3(@types/react-dom@18.2.14)(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)(vite@4.5.0):
     resolution: {integrity: sha512-foliIy1whJobo+ZpsvOMS4WCiR0z4/2Seyxth5xMlweVVM+gA1Lqk0GdzE6F0ISUW9CuXrCRS7ZyTNW8SM6vog==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
@@ -197,7 +197,7 @@ packages:
       react: ^17.0.2 || ^18.0.0
       react-dom: ^17.0.2 || ^18.0.0
     dependencies:
-      '@types/react': 18.2.29
+      '@types/react': 18.2.31
       '@types/react-dom': 18.2.14
       '@vitejs/plugin-react': 4.1.0(vite@4.5.0)
       react: 18.2.0
@@ -215,13 +215,13 @@ packages:
       zod: 3.21.1
     dev: false
 
-  /@astrojs/tailwind@5.0.2(astro@3.3.2)(tailwindcss@3.3.3):
+  /@astrojs/tailwind@5.0.2(astro@3.3.3)(tailwindcss@3.3.3):
     resolution: {integrity: sha512-oXqeqmBlkQmsltrsU9nEWeXOtrZIAHW8dcmX7BCdrjzPnU6dPwWzAwhddNQ9ihKiWwsLnlbwQZIo2CDigcZlIA==}
     peerDependencies:
       astro: ^3.2.4
       tailwindcss: ^3.0.24
     dependencies:
-      astro: 3.3.2
+      astro: 3.3.3(typescript@5.3.0-dev.20231021)
       autoprefixer: 10.4.16(postcss@8.4.31)
       postcss: 8.4.31
       postcss-load-config: 4.0.1(postcss@8.4.31)
@@ -1067,39 +1067,39 @@ packages:
       config-chain: 1.1.13
     dev: false
 
-  /@reactflow/background@11.3.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /@reactflow/background@11.3.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-bgwvqWxF09chwmdkyClpYEMaewBspdwjgLbbFlLf4SpWPFMYyuvCBQrcISsvy/EDEWO9i3Uj9ktgGAhvtSQsmA==}
     peerDependencies:
       react: '>=17'
       react-dom: '>=17'
     dependencies:
-      '@reactflow/core': 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/core': 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
       classcat: 5.0.4
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      zustand: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+      zustand: 4.4.4(@types/react@18.2.31)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - immer
     dev: false
 
-  /@reactflow/controls@11.2.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /@reactflow/controls@11.2.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-x6e5p9iHjC6gd+4SoZ3DOOp0F1MefGKQ8hT6yPVdqxfo1+rV2WhrWvrX/MCoEu12Dp7457LdLfa0giy3aho8tQ==}
     peerDependencies:
       react: '>=17'
       react-dom: '>=17'
     dependencies:
-      '@reactflow/core': 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/core': 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
       classcat: 5.0.4
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      zustand: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+      zustand: 4.4.4(@types/react@18.2.31)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - immer
     dev: false
 
-  /@reactflow/core@11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /@reactflow/core@11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Ko7nKPOYalwDTTbRHi2+QXDiidSAcpUzGN3G+0B+QysLZkcaPCkpkMjjHiDC4c/Z1BJBzs1FRJg/T6BXaBnYkg==}
     peerDependencies:
       react: '>=17'
@@ -1115,19 +1115,19 @@ packages:
       d3-zoom: 3.0.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      zustand: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+      zustand: 4.4.4(@types/react@18.2.31)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - immer
     dev: false
 
-  /@reactflow/minimap@11.7.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /@reactflow/minimap@11.7.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Jo1R+uDey9IV7O2s3m0gK2+cZpg9M8hq2EZJb3NGfOSzMAPhj3mby0fNJIgTzycreuht0TpA51c2YfjGI3YIOw==}
     peerDependencies:
       react: '>=17'
       react-dom: '>=17'
     dependencies:
-      '@reactflow/core': 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/core': 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
       '@types/d3-selection': 3.0.8
       '@types/d3-zoom': 3.0.6
       classcat: 5.0.4
@@ -1135,41 +1135,41 @@ packages:
       d3-zoom: 3.0.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      zustand: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+      zustand: 4.4.4(@types/react@18.2.31)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - immer
     dev: false
 
-  /@reactflow/node-resizer@2.2.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /@reactflow/node-resizer@2.2.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-+p271/hAsM5M1+RQTWW/02pbNkCHeGXwxGimIlL1tMIagyuko0NX2vOz2B8jxJnPKlF09Wj18BcXBNUm3nDcSg==}
     peerDependencies:
       react: '>=17'
       react-dom: '>=17'
     dependencies:
-      '@reactflow/core': 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/core': 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
       classcat: 5.0.4
       d3-drag: 3.0.0
       d3-selection: 3.0.0
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      zustand: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+      zustand: 4.4.4(@types/react@18.2.31)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - immer
     dev: false
 
-  /@reactflow/node-toolbar@1.3.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /@reactflow/node-toolbar@1.3.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-TfcmpXHRBb2mUfzKGjburiU6FWqRME9pPFs1OwIC1z5e9BjupQhNDEKEk8XHi7PKL/mAiDfwuGXaM1BVVFuPqw==}
     peerDependencies:
       react: '>=17'
       react-dom: '>=17'
     dependencies:
-      '@reactflow/core': 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/core': 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
       classcat: 5.0.4
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      zustand: 4.4.3(@types/react@18.2.29)(react@18.2.0)
+      zustand: 4.4.4(@types/react@18.2.31)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - immer
@@ -1288,8 +1288,8 @@ packages:
     resolution: {integrity: sha512-w2id4lNf2DzAAQ+A3bD9QTY/qpCw9rYlci9RbBscEmF5RO3U/acrcCErvsqkoIZqz9n0yv4CVUqz/6DKDOEZnw==}
     dev: false
 
-  /@types/csso@5.0.0:
-    resolution: {integrity: sha512-EMrCTGpXRUsbFfZBzn2jcW6Sqg8kxWXkJcpvAGYSEzFqAJ2THDJSwiMeS2fPUw+0p6RQNT/n8F/skEc9hUBc0g==}
+  /@types/csso@5.0.2:
+    resolution: {integrity: sha512-4rX9xyR3Fk7hCbFvneunO74kfA6hgkc8vDW8LnzFrMHU+mqoMmsG7WtD1YAuHw/zhJHHQPfGxFf04Ypmnpyd5w==}
     dependencies:
       '@types/css-tree': 2.3.3
     dev: false
@@ -1499,8 +1499,8 @@ packages:
       '@types/unist': 3.0.1
     dev: false
 
-  /@types/html-minifier-terser@7.0.0:
-    resolution: {integrity: sha512-hw3bhStrg5e3FQT8qZKCJTrzt/UbEaunU1xRWJ+aNOTmeBMvE3S4Ml2HiiNnZgL8izu0LFVkHUoPFXL1s5QNpQ==}
+  /@types/html-minifier-terser@7.0.1:
+    resolution: {integrity: sha512-ShOj4wY4R3bbUkKtlSmCX2N2AwBj1FDNTQm7HbmAdb6MJeAxG3tPUUxOhTZu06tlMpEEQd9agdr1Z198p+62IA==}
     dev: false
 
   /@types/http-cache-semantics@4.0.3:
@@ -1548,8 +1548,10 @@ packages:
     resolution: {integrity: sha512-wf3Vz+jCmOQ2HV1YUJuCWdL64adYxumkrxtc+H1VUQlnQI04+5HtH+qZCOE21lBE7gIrt+CwX2Wv8Acrw5Ak6w==}
     dev: true
 
-  /@types/node@20.5.7:
-    resolution: {integrity: sha512-dP7f3LdZIysZnmvP3ANJYTSwg+wLLl8p7RqniVlV7j+oXSXAbt9h0WIBFmJy5inWZoX9wZN6eXx+YXd9Rh3RBA==}
+  /@types/node@20.8.7:
+    resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==}
+    dependencies:
+      undici-types: 5.25.3
     dev: false
 
   /@types/parse5@6.0.3:
@@ -1567,11 +1569,11 @@ packages:
   /@types/react-dom@18.2.14:
     resolution: {integrity: sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==}
     dependencies:
-      '@types/react': 18.2.29
+      '@types/react': 18.2.31
     dev: false
 
-  /@types/react@18.2.29:
-    resolution: {integrity: sha512-Z+ZrIRocWtdD70j45izShRwDuiB4JZqDegqMFW/I8aG5DxxLKOzVNoq62UIO82v9bdgi+DO1jvsb9sTEZUSm+Q==}
+  /@types/react@18.2.31:
+    resolution: {integrity: sha512-c2UnPv548q+5DFh03y8lEDeMfDwBn9G3dRwfkrxQMo/dOtRHUUO57k6pHvBIfH/VF4Nh+98mZ5aaSe+2echD5g==}
     dependencies:
       '@types/prop-types': 15.7.9
       '@types/scheduler': 0.16.5
@@ -1672,6 +1674,10 @@ packages:
     engines: {node: '>=12'}
     dev: false
 
+  /ansi-sequence-parser@1.1.1:
+    resolution: {integrity: sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==}
+    dev: false
+
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -1746,27 +1752,28 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /astro-compress@2.0.15:
-    resolution: {integrity: sha512-vO2C3+d5SLmJDlw+NyU63P9hN37Mavvac1qLNCdyZZXO08vYeuoIvDJFeLo3SblBlU1koHlrmAezEDYTzugx4w==}
+  /astro-compress@2.1.5:
+    resolution: {integrity: sha512-aoqGm2zbv8LMTl8tktiyV/BfTs4GrKb7SFYQ6Fuv7BqpYkn33yrxs0Qz+CFpXL72YUGmQuWw3vuUi5IA3S4BzA==}
     dependencies:
-      '@types/csso': 5.0.0
-      '@types/html-minifier-terser': 7.0.0
+      '@types/csso': 5.0.2
+      '@types/html-minifier-terser': 7.0.1
       csso: 5.0.5
-      files-pipe: 2.0.18
+      files-pipe: 2.1.1
       html-minifier-terser: 7.2.0
-      sharp: 0.32.5
+      sharp: 0.32.6
       svgo: 3.0.2
-      terser: 5.19.3
+      terser: 5.22.0
+      typescript-esbuild: 0.2.25
     dev: false
 
-  /astro@3.3.2:
-    resolution: {integrity: sha512-uyimGY0p1gYXKAZe3/RCfbqNbuwpEvPkTKF5TE63Glb9ZgeLUBXu+ZlsG4LIMxCQ40p5F0D5+zuNJdH+om2PQQ==}
+  /astro@3.3.3(typescript@5.3.0-dev.20231021):
+    resolution: {integrity: sha512-FZkv5nJfa2KADzwo8m6fytWzzhO3Uw/EOvxmBT2E1OW/dWUgIKbZd59TY3816gZl3le5Ct5amSAkaxcQghbUZA==}
     engines: {node: '>=18.14.1', npm: '>=6.14.0'}
     hasBin: true
     dependencies:
       '@astrojs/compiler': 2.2.1
       '@astrojs/internal-helpers': 0.2.1
-      '@astrojs/markdown-remark': 3.3.0(astro@3.3.2)
+      '@astrojs/markdown-remark': 3.3.0(astro@3.3.3)
       '@astrojs/telemetry': 3.0.3
       '@babel/core': 7.23.2
       '@babel/generator': 7.23.0
@@ -1812,7 +1819,7 @@ packages:
       shikiji: 0.6.10
       string-width: 6.1.0
       strip-ansi: 7.1.0
-      tsconfck: 3.0.0
+      tsconfck: 3.0.0(typescript@5.3.0-dev.20231021)
       unist-util-visit: 4.1.2
       vfile: 5.3.7
       vite: 4.5.0
@@ -1850,7 +1857,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       browserslist: 4.22.1
-      caniuse-lite: 1.0.30001551
+      caniuse-lite: 1.0.30001553
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.0
@@ -1938,8 +1945,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001551
-      electron-to-chromium: 1.4.560
+      caniuse-lite: 1.0.30001553
+      electron-to-chromium: 1.4.565
       node-releases: 2.0.13
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
     dev: false
@@ -2020,8 +2027,8 @@ packages:
     engines: {node: '>=14.16'}
     dev: false
 
-  /caniuse-lite@1.0.30001551:
-    resolution: {integrity: sha512-vtBAez47BoGMMzlbYhfXrMV1kvRF2WP/lqiMuDu1Sb4EE4LKEgjopFDSRtZfdVnslNRpOqV/woE+Xgrwj6VQlg==}
+  /caniuse-lite@1.0.30001553:
+    resolution: {integrity: sha512-N0ttd6TrFfuqKNi+pMgWJTb9qrdJu4JSpgPFLe/lrD19ugC6fZgF0pUewRowDwzdDnb9V41mFcdlYgl/PyKf4A==}
     dev: false
 
   /ccount@2.0.1:
@@ -2037,6 +2044,14 @@ packages:
       supports-color: 5.5.0
     dev: false
 
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: false
+
   /chalk@5.3.0:
     resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
@@ -2193,7 +2208,6 @@ packages:
   /commander@11.1.0:
     resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
     engines: {node: '>=16'}
-    dev: true
 
   /commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
@@ -2564,8 +2578,8 @@ packages:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
     dev: false
 
-  /electron-to-chromium@1.4.560:
-    resolution: {integrity: sha512-HhJH/pWAxTaPZl7R3mJ6gCd8MfjQdil9RAWk84qHaLsmPTadydfAmq0a1x8kZtOGQ6pZrWhOYj5uZ8I0meZIgg==}
+  /electron-to-chromium@1.4.565:
+    resolution: {integrity: sha512-XbMoT6yIvg2xzcbs5hCADi0dXBh4//En3oFXmtPX+jiyyiCTiM9DGFT2SLottjpEs9Z8Mh8SqahbR96MaHfuSg==}
     dev: false
 
   /email-addresses@5.0.0:
@@ -2621,6 +2635,18 @@ packages:
     resolution: {integrity: sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==}
     dev: false
 
+  /esbuild-plugin-copy@2.1.1(esbuild@0.19.5):
+    resolution: {integrity: sha512-Bk66jpevTcV8KMFzZI1P7MZKZ+uDcrZm2G2egZ2jNIvVnivDpodZI+/KnpL3Jnap0PBdIHU7HwFGB8r+vV5CVw==}
+    peerDependencies:
+      esbuild: '>= 0.14.0'
+    dependencies:
+      chalk: 4.1.2
+      chokidar: 3.5.3
+      esbuild: 0.19.5
+      fs-extra: 10.1.0
+      globby: 11.1.0
+    dev: false
+
   /esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
     engines: {node: '>=12'}
@@ -2789,10 +2815,10 @@ packages:
       trim-repeated: 1.0.0
     dev: true
 
-  /files-pipe@2.0.18:
-    resolution: {integrity: sha512-Hgdyi3v62d0T3UpyDwDlIrKWeFTRqjajYxcsr1RWDbpwtWN+oaBCFjLfj/XwyBKgy2PE/BahL6TcKVGH9BO5cQ==}
+  /files-pipe@2.1.1:
+    resolution: {integrity: sha512-grvkOxmaPpu7EHI4BeFpVAuZiNfbaftmKhy8ly5/miUCNYkIfrqiQB+ZG9jGrdlefYqM3MiFfE9GUw7g7sGd/A==}
     dependencies:
-      '@types/node': 20.5.7
+      '@types/node': 20.8.7
       deepmerge-ts: 5.1.0
       fast-glob: 3.3.1
     dev: false
@@ -2881,6 +2907,15 @@ packages:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
     dev: false
 
+  /fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: false
+
   /fs-extra@11.1.1:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
     engines: {node: '>=14.14'}
@@ -2922,6 +2957,9 @@ packages:
     requiresBuild: true
     optional: true
 
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
   /gauge@4.0.4:
     resolution: {integrity: sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -3096,6 +3134,11 @@ packages:
     engines: {node: '>=4'}
     dev: false
 
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: false
+
   /has-unicode@2.0.1:
     resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
     dev: false
@@ -3105,9 +3148,11 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dev: false
 
-  /has@1.0.4:
-    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==}
-    engines: {node: '>= 0.4.0'}
+  /hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
 
   /hast-util-from-parse5@7.1.2:
     resolution: {integrity: sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==}
@@ -3306,7 +3351,7 @@ packages:
       entities: 4.5.0
       param-case: 3.0.4
       relateurl: 0.2.7
-      terser: 5.19.3
+      terser: 5.22.0
     dev: false
 
   /html-void-elements@2.0.1:
@@ -3468,10 +3513,10 @@ packages:
       ci-info: 3.9.0
     dev: false
 
-  /is-core-module@2.13.0:
-    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
-      has: 1.0.4
+      hasown: 2.0.0
 
   /is-docker@3.0.0:
     resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
@@ -3649,13 +3694,16 @@ packages:
     hasBin: true
     dev: false
 
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: false
+
   /jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
     dependencies:
       universalify: 2.0.0
     optionalDependencies:
       graceful-fs: 4.2.11
-    dev: true
 
   /jsonlines@0.1.1:
     resolution: {integrity: sha512-ekDrAGso79Cvf+dtm+mL8OBI2bmAOt3gssYs833De/C9NmIpWDWyUO4zPgB5x2/OhY366dkhgfPMYfwZF7yOZA==}
@@ -3806,6 +3854,10 @@ packages:
       react: 18.2.0
     dev: false
 
+  /lunr@2.3.9:
+    resolution: {integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==}
+    dev: false
+
   /magic-string@0.30.5:
     resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
     engines: {node: '>=12'}
@@ -3858,6 +3910,12 @@ packages:
     resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
     dev: false
 
+  /marked@4.3.0:
+    resolution: {integrity: sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==}
+    engines: {node: '>= 12'}
+    hasBin: true
+    dev: false
+
   /md5@2.3.0:
     resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==}
     dependencies:
@@ -4598,7 +4656,7 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       hosted-git-info: 6.1.1
-      is-core-module: 2.13.0
+      is-core-module: 2.13.1
       semver: 7.5.4
       validate-npm-package-license: 3.0.4
     dev: false
@@ -4770,8 +4828,8 @@ packages:
       mimic-fn: 4.0.0
     dev: false
 
-  /openai@4.12.4:
-    resolution: {integrity: sha512-oPNVJkpgxDUKF6WGGdHEZh5m/kjmYxS2Y1q7YVFCkvKUGthb8OGYRGCFBRPq5CQJezifzABTZRlVYnXLd6L4vQ==}
+  /openai@4.13.0:
+    resolution: {integrity: sha512-EPqHcB0got9cXDZmQae1KytgA4YWtTnUc7tV8hlahZtcO70DMa4kiaXoxnutj9lwmeKQO7ntG+6pmXtrCMejuQ==}
     hasBin: true
     dependencies:
       '@types/node': 18.18.6
@@ -5335,18 +5393,18 @@ packages:
       loose-envify: 1.4.0
     dev: false
 
-  /reactflow@11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0):
+  /reactflow@11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-IHAKBkJngNvU9y1vZ5Nw9rvA3Z+zc9geTgQQIi9qq9Y9knGLlDDr9KfsjbFMew9AycAAgVg8TvBEakF4IT5lqg==}
     peerDependencies:
       react: '>=17'
       react-dom: '>=17'
     dependencies:
-      '@reactflow/background': 11.3.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
-      '@reactflow/controls': 11.2.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
-      '@reactflow/core': 11.9.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
-      '@reactflow/minimap': 11.7.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
-      '@reactflow/node-resizer': 2.2.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
-      '@reactflow/node-toolbar': 1.3.4(@types/react@18.2.29)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/background': 11.3.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/controls': 11.2.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/core': 11.9.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/minimap': 11.7.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/node-resizer': 2.2.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
+      '@reactflow/node-toolbar': 1.3.4(@types/react@18.2.31)(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
     transitivePeerDependencies:
@@ -5513,7 +5571,7 @@ packages:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
     dependencies:
-      is-core-module: 2.13.0
+      is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -5682,21 +5740,6 @@ packages:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
     dev: false
 
-  /sharp@0.32.5:
-    resolution: {integrity: sha512-0dap3iysgDkNaPOaOL4X/0akdu0ma62GcdC2NBQ+93eqpePdDdr2/LM0sFdDSMmN7yS+odyZtPsb7tx/cYBKnQ==}
-    engines: {node: '>=14.15.0'}
-    requiresBuild: true
-    dependencies:
-      color: 4.2.3
-      detect-libc: 2.0.2
-      node-addon-api: 6.1.0
-      prebuild-install: 7.1.1
-      semver: 7.5.4
-      simple-get: 4.0.1
-      tar-fs: 3.0.4
-      tunnel-agent: 0.6.0
-    dev: false
-
   /sharp@0.32.6:
     resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
     engines: {node: '>=14.15.0'}
@@ -5711,7 +5754,6 @@ packages:
       tar-fs: 3.0.4
       tunnel-agent: 0.6.0
     dev: false
-    optional: true
 
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -5725,6 +5767,15 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
+  /shiki@0.14.5:
+    resolution: {integrity: sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==}
+    dependencies:
+      ansi-sequence-parser: 1.1.1
+      jsonc-parser: 3.2.0
+      vscode-oniguruma: 1.7.0
+      vscode-textmate: 8.0.0
+    dev: false
+
   /shikiji@0.6.10:
     resolution: {integrity: sha512-WE+A5Y2ntM5hL3iJQujk97qr5Uj7PSIRXpQfrZ6h+JWPXZ8KBEDhFXc4lqNriaRq1WGOVPUT83XMOzmHiH3W8A==}
     dependencies:
@@ -6015,6 +6066,13 @@ packages:
       has-flag: 3.0.0
     dev: false
 
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: false
+
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -6114,8 +6172,8 @@ packages:
       yallist: 4.0.0
     dev: false
 
-  /terser@5.19.3:
-    resolution: {integrity: sha512-pQzJ9UJzM0IgmT4FAtYI6+VqFf0lj/to58AV0Xfgg0Up37RyPG7Al+1cepC6/BVuAxR9oNb41/DL4DEoHJvTdg==}
+  /terser@5.22.0:
+    resolution: {integrity: sha512-hHZVLgRA2z4NWcN6aS5rQDc+7Dcy58HOf2zbYwmFcQ+ua3h6eEFf5lIDKTzbWwlazPyOZsFQO8V80/IjVNExEw==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -6169,7 +6227,7 @@ packages:
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  /tsconfck@3.0.0:
+  /tsconfck@3.0.0(typescript@5.3.0-dev.20231021):
     resolution: {integrity: sha512-w3wnsIrJNi7avf4Zb0VjOoodoO0woEqGgZGQm+LHH9przdUI+XDKsWAXwxHA1DaRTjeuZNcregSzr7RaA8zG9A==}
     engines: {node: ^18 || >=20}
     hasBin: true
@@ -6178,6 +6236,8 @@ packages:
     peerDependenciesMeta:
       typescript:
         optional: true
+    dependencies:
+      typescript: 5.3.0-dev.20231021
     dev: false
 
   /tslib@2.6.2:
@@ -6221,6 +6281,97 @@ packages:
       is-typedarray: 1.0.0
     dev: false
 
+  /typedoc-plugin-keywords@1.5.0(typedoc@0.25.2):
+    resolution: {integrity: sha512-8dkuTwwiuXzyM6T1/5M85JGyqArGnEYkANqItLXLAxmfx9SNkEDSwqfDiMGBVrcJmLMc/0nuCf/H4ixyA/8/tA==}
+    peerDependencies:
+      typedoc: ^0.25.0
+    dependencies:
+      typedoc: 0.25.2(typescript@5.3.0-dev.20231021)
+      typescript: 5.2.2
+    dev: false
+
+  /typedoc-plugin-mdn-links@3.1.0(typedoc@0.25.2):
+    resolution: {integrity: sha512-4uwnkvywPFV3UVx7WXpIWTHJdXH1rlE2e4a1WsSwCFYKqJxgTmyapv3ZxJtbSl1dvnb6jmuMNSqKEPz77Gs2OA==}
+    peerDependencies:
+      typedoc: '>= 0.23.14 || 0.24.x || 0.25.x'
+    dependencies:
+      typedoc: 0.25.2(typescript@5.3.0-dev.20231021)
+    dev: false
+
+  /typedoc-plugin-merge-modules@5.1.0(typedoc@0.25.2):
+    resolution: {integrity: sha512-jXH27L/wlxFjErgBXleh3opVgjVTXFEuBo68Yfl18S9Oh/IqxK6NV94jlEJ9hl4TXc9Zm2l7Rfk41CEkcCyvFQ==}
+    peerDependencies:
+      typedoc: 0.24.x || 0.25.x
+    dependencies:
+      typedoc: 0.25.2(typescript@5.3.0-dev.20231021)
+    dev: false
+
+  /typedoc-plugin-remove-references@0.0.6:
+    resolution: {integrity: sha512-QoyHpopznnJbWW/9JT2NHSK+eTmyShkPYebwe5ZnO8aohPLc5okk4puWUDXnNh2Tn7cJU8U3t1tEMO6ghbwE8Q==}
+    dev: false
+
+  /typedoc-plugin-rename-defaults@0.6.7(typedoc@0.25.2):
+    resolution: {integrity: sha512-b+j0qQCdE69IUP6ZJgS6zonG59AcaKM8B8zdNlj1jnv6XefDLkIWdFxXfS3KhFOpVzW22pNCfdOCCym9ryS3wA==}
+    peerDependencies:
+      typedoc: 0.22.x || 0.23.x || 0.24.x || 0.25.x
+    dependencies:
+      typedoc: 0.25.2(typescript@5.3.0-dev.20231021)
+    dev: false
+
+  /typedoc-plugin-zod@1.1.0(typedoc@0.25.2):
+    resolution: {integrity: sha512-LaQdkYyVVL8CX+4R0GJuOyDa1meiG3M85FiBTPvlikCGaRkTNGSEBZTbx3gQHAsNQ5NWJpLvYJQB6gMhcO8bWw==}
+    peerDependencies:
+      typedoc: 0.23.x || 0.24.x || 0.25.x
+    dependencies:
+      typedoc: 0.25.2(typescript@5.3.0-dev.20231021)
+    dev: false
+
+  /typedoc@0.25.2(typescript@5.3.0-dev.20231021):
+    resolution: {integrity: sha512-286F7BeATBiWe/qC4PCOCKlSTwfnsLbC/4cZ68oGBbvAqb9vV33quEOXx7q176OXotD+JdEerdQ1OZGJ818lnA==}
+    engines: {node: '>= 16'}
+    hasBin: true
+    peerDependencies:
+      typescript: 4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x || 5.2.x
+    dependencies:
+      lunr: 2.3.9
+      marked: 4.3.0
+      minimatch: 9.0.3
+      shiki: 0.14.5
+      typescript: 5.3.0-dev.20231021
+    dev: false
+
+  /typescript-esbuild@0.2.25:
+    resolution: {integrity: sha512-sOpKewLkTFG7ebqSTZNsHdnvoZ7X8jy7F1NjBYAdwiVfKFOR7fLuweYd17hRUTqcAf2wp28BJNqJ6c3WLgrMfw==}
+    hasBin: true
+    dependencies:
+      '@types/node': 20.8.7
+      commander: 11.1.0
+      deepmerge-ts: 5.1.0
+      esbuild: 0.19.5
+      esbuild-plugin-copy: 2.1.1(esbuild@0.19.5)
+      fast-glob: 3.3.1
+      typedoc: 0.25.2(typescript@5.3.0-dev.20231021)
+      typedoc-plugin-keywords: 1.5.0(typedoc@0.25.2)
+      typedoc-plugin-mdn-links: 3.1.0(typedoc@0.25.2)
+      typedoc-plugin-merge-modules: 5.1.0(typedoc@0.25.2)
+      typedoc-plugin-remove-references: 0.0.6
+      typedoc-plugin-rename-defaults: 0.6.7(typedoc@0.25.2)
+      typedoc-plugin-zod: 1.1.0(typedoc@0.25.2)
+      typescript: 5.3.0-dev.20231021
+    dev: false
+
+  /typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: false
+
+  /typescript@5.3.0-dev.20231021:
+    resolution: {integrity: sha512-Q9le8GTluHWR1d6lo8anl5+ImJrZ9KApSpM4yEkDIMVcKueCC6q+Wz/kDL6FXPcO8odWHhDQD4vImed7KDp9Fw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: false
+
   /uc.micro@1.0.6:
     resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
     dev: true
@@ -6229,6 +6380,10 @@ packages:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
     dev: false
 
+  /undici-types@5.25.3:
+    resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==}
+    dev: false
+
   /unherit@3.0.1:
     resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
     dev: false
@@ -6352,7 +6507,6 @@ packages:
   /universalify@2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
     engines: {node: '>= 10.0.0'}
-    dev: true
 
   /untildify@4.0.0:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
@@ -6517,6 +6671,14 @@ packages:
       vite: 4.5.0
     dev: false
 
+  /vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
+    dev: false
+
+  /vscode-textmate@8.0.0:
+    resolution: {integrity: sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==}
+    dev: false
+
   /web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
     dev: false
@@ -6658,8 +6820,8 @@ packages:
     resolution: {integrity: sha512-+dTu2m6gmCbO9Ahm4ZBDapx2O6ZY9QSPXst2WXjcznPMwf2YNpn3RevLx4KkZp1OPW/ouFcoBtBzFz/LeY69oA==}
     dev: false
 
-  /zustand@4.4.3(@types/react@18.2.29)(react@18.2.0):
-    resolution: {integrity: sha512-oRy+X3ZazZvLfmv6viIaQmtLOMeij1noakIsK/Y47PWYhT8glfXzQ4j0YcP5i0P0qI1A4rIB//SGROGyZhx91A==}
+  /zustand@4.4.4(@types/react@18.2.31)(react@18.2.0):
+    resolution: {integrity: sha512-5UTUIAiHMNf5+mFp7/AnzJXS7+XxktULFN0+D1sCiZWyX7ZG+AQpqs2qpYrynRij4QvoDdCD+U+bmg/cG3Ucxw==}
     engines: {node: '>=12.7.0'}
     peerDependencies:
       '@types/react': '>=16.8'
@@ -6673,7 +6835,7 @@ packages:
       react:
         optional: true
     dependencies:
-      '@types/react': 18.2.29
+      '@types/react': 18.2.31
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
     dev: false
diff --git a/public/pdfs/roadmaps/android.pdf b/public/pdfs/roadmaps/android.pdf
index b2e3feed3..81ef9a329 100644
Binary files a/public/pdfs/roadmaps/android.pdf and b/public/pdfs/roadmaps/android.pdf differ
diff --git a/public/roadmaps/android.png b/public/roadmaps/android.png
index 911cc560d..2192b35d7 100644
Binary files a/public/roadmaps/android.png and b/public/roadmaps/android.png differ
diff --git a/scripts/roadmap-content.cjs b/scripts/roadmap-content.cjs
index 841734e94..4f741321c 100644
--- a/scripts/roadmap-content.cjs
+++ b/scripts/roadmap-content.cjs
@@ -19,13 +19,12 @@ if (!allowedRoadmapIds.includes(roadmapId)) {
 }
 
 const ROADMAP_CONTENT_DIR = path.join(ALL_ROADMAPS_DIR, roadmapId, 'content');
-const { Configuration, OpenAIApi } = require('openai');
-const configuration = new Configuration({
+const OpenAI = require('openai');
+
+const openai = new OpenAI({
   apiKey: OPEN_AI_API_KEY,
 });
 
-const openai = new OpenAIApi(configuration);
-
 function getFilesInFolder(folderPath, fileList = {}) {
   const files = fs.readdirSync(folderPath);
 
@@ -60,16 +59,16 @@ function writeTopicContent(currTopicUrl) {
 
   const roadmapTitle = roadmapId.replace(/-/g, ' ');
 
-  let prompt = `I am reading a guide about "${roadmapTitle}". I am on the topic "${parentTopic}". I want to know more about "${childTopic}". Write me with a brief summary of that. Content should be in markdown. I already know the benefits of each so do not add benefits in the output. Also include the code examples if applicable to this topic.`;
+  let prompt = `I am reading a guide about "${roadmapTitle}". I am on the topic "${parentTopic}". I want to know more about "${childTopic}". Write me a brief paragraph for that. Content should be in markdown. I already know the benefits of each so do not add benefits in the output.`;
   if (!childTopic) {
-    prompt = `I am reading a guide about "${roadmapTitle}". I am on the topic "${parentTopic}". I want to know more about "${parentTopic}". Write me with a brief summary of that. Content should be in markdown. I already know the benefits of each so do not add benefits in the output. Also include the code examples if applicable to this topic.`;
+    prompt = `I am reading a guide about "${roadmapTitle}". I am on the topic "${parentTopic}". I want to know more about "${parentTopic}". Write me a brief paragraph for that. Content should be in markdown. I already know the benefits of each so do not add benefits in the output.`;
   }
 
   console.log(`Generating '${childTopic || parentTopic}'...`);
 
   return new Promise((resolve, reject) => {
-    openai
-      .createChatCompletion({
+    openai.chat.completions
+      .create({
         model: 'gpt-4',
         messages: [
           {
@@ -79,7 +78,7 @@ function writeTopicContent(currTopicUrl) {
         ],
       })
       .then((response) => {
-        const article = response.data.choices[0].message.content;
+        const article = response.choices[0].message.content;
 
         resolve(article);
       })
@@ -92,7 +91,7 @@ function writeTopicContent(currTopicUrl) {
 async function writeFileForGroup(group, topicUrlToPathMapping) {
   const topicId = group?.properties?.controlName;
   const topicTitle = group?.children?.controls?.control?.find(
-    (control) => control?.typeID === 'Label'
+    (control) => control?.typeID === 'Label',
   )?.properties?.text;
   const currTopicUrl = topicId?.replace(/^\d+-/g, '/')?.replace(/:/g, '/');
   if (!currTopicUrl) {
@@ -138,15 +137,14 @@ async function writeFileForGroup(group, topicUrlToPathMapping) {
 async function run() {
   const topicUrlToPathMapping = getFilesInFolder(ROADMAP_CONTENT_DIR);
 
-  const roadmapJson = require(path.join(
-      ALL_ROADMAPS_DIR,
-      `${roadmapId}/${roadmapId}`
-  ));
+  const roadmapJson = require(
+    path.join(ALL_ROADMAPS_DIR, `${roadmapId}/${roadmapId}`),
+  );
 
   const groups = roadmapJson?.mockup?.controls?.control?.filter(
     (control) =>
       control.typeID === '__group__' &&
-      !control.properties?.controlName?.startsWith('ext_link')
+      !control.properties?.controlName?.startsWith('ext_link'),
   );
 
   if (!OPEN_AI_API_KEY) {
diff --git a/src/components/CustomRoadmap/RoadmapActionButton.tsx b/src/components/CustomRoadmap/RoadmapActionButton.tsx
index b0217a9c0..b6a6b3f3c 100644
--- a/src/components/CustomRoadmap/RoadmapActionButton.tsx
+++ b/src/components/CustomRoadmap/RoadmapActionButton.tsx
@@ -23,7 +23,7 @@ export function RoadmapActionButton(props: RoadmapActionButtonProps) {
       <button
         disabled={false}
         onClick={() => setIsOpen(!isOpen)}
-        className="inline-flex items-center justify-center rounded-md bg-gray-500 py-1.5 pl-2 pr-2 text-xs font-medium text-white hover:bg-gray-600 sm:pl-1.5 sm:pr-3 sm:text-sm"
+        className="inline-flex items-center justify-center rounded-md border border-gray-300 bg-white py-1.5 pl-2 pr-2 text-xs font-medium text-black hover:border-gray-300 hover:bg-gray-300 sm:pl-1.5 sm:pr-3 sm:text-sm"
       >
         <MoreVertical className="mr-0 h-4 w-4 stroke-[2.5] sm:mr-1.5" />
         <span className="hidden sm:inline">Actions</span>
@@ -32,7 +32,7 @@ export function RoadmapActionButton(props: RoadmapActionButtonProps) {
       {isOpen && (
         <div
           ref={menuRef}
-          className="align-right absolute right-0 top-full z-50 mt-1 w-[140px] rounded-md bg-slate-800 px-2 py-2 text-white shadow-md"
+          className="align-right absolute right-0 top-full mt-1 w-[140px] rounded-md bg-slate-800 px-2 py-2 text-white shadow-md z-[9999]"
         >
           <ul>
             {onUpdateSharing && (
diff --git a/src/components/CustomRoadmap/RoadmapHeader.tsx b/src/components/CustomRoadmap/RoadmapHeader.tsx
index 41fb59ab3..41b4bad98 100644
--- a/src/components/CustomRoadmap/RoadmapHeader.tsx
+++ b/src/components/CustomRoadmap/RoadmapHeader.tsx
@@ -174,7 +174,7 @@ export function RoadmapHeader(props: RoadmapHeaderProps) {
                 </a>
                 <button
                   onClick={() => setIsSharing(true)}
-                  className="inline-flex items-center justify-center rounded-md border border-gray-300 bg-white py-1.5 pl-2 pr-2 text-xs font-medium  text-black hover:border-gray-300 hover:bg-gray-300 sm:px-3 sm:text-sm"
+                  className="inline-flex items-center justify-center rounded-md border border-gray-300 bg-white py-1.5 pl-2 pr-2 text-xs font-medium text-black hover:border-gray-300 hover:bg-gray-300 sm:px-3 sm:text-sm"
                 >
                   <Lock className="mr-1.5 h-4 w-4 stroke-[2.5]" />
                   Sharing
diff --git a/src/components/RelatedRoadmaps.astro b/src/components/RelatedRoadmaps.astro
index 2663d556f..81b2546f1 100644
--- a/src/components/RelatedRoadmaps.astro
+++ b/src/components/RelatedRoadmaps.astro
@@ -1,5 +1,7 @@
 ---
+import { getQuestionGroupsByIds } from '../lib/question-group';
 import { getRoadmapsByIds, RoadmapFrontmatter } from '../lib/roadmap';
+import { Map, Clipboard } from 'lucide-react';
 
 export interface Props {
   roadmap: RoadmapFrontmatter;
@@ -8,35 +10,87 @@ export interface Props {
 const { roadmap } = Astro.props;
 
 const relatedRoadmaps = roadmap.relatedRoadmaps || [];
-if (!relatedRoadmaps.length) {
-  return null;
-}
-
 const relatedRoadmapDetails = await getRoadmapsByIds(relatedRoadmaps);
+
+const relatedQuestions = roadmap.relatedQuestions || [];
+const relatedQuestionDetails = await getQuestionGroupsByIds(relatedQuestions);
 ---
 
-<div class='border-t bg-gray-100'>
-  <div class='container'>
-    <div class='flex justify-between relative -top-5'>
-      <span class='text-md font-medium py-1 px-3 border bg-white rounded-md'>Related Roadmaps</span>
-      <a href='/roadmaps' class='text-md font-medium py-1 px-3 border bg-white rounded-md hover:bg-gray-50'>
-        <span class='hidden sm:inline'>All Roadmaps &rarr;</span>
-        <span class='inline sm:hidden'>More &rarr;</span>
-      </a>
+{
+  relatedQuestionDetails.length > 0 && (
+    <div class='border-t bg-gray-100 pb-3'>
+      <div class='container'>
+        <div class='relative -top-5 flex justify-between'>
+          <span class='text-md flex items-center rounded-md border bg-white px-3 py-1 font-medium'>
+            <Clipboard className='mr-1.5 text-black' size='17px' />
+            Test your Knowledge
+            <span class='ml-2 rounded-md border border-yellow-300 bg-yellow-100 px-1 py-0.5 text-xs uppercase'>
+              New
+            </span>
+          </span>
+          <a
+            href='/roadmaps'
+            class='text-md rounded-md border bg-white px-3 py-1 font-medium hover:bg-gray-50'
+          >
+            <span class='hidden sm:inline'>All Quizzes &rarr;</span>
+            <span class='inline sm:hidden'>More &rarr;</span>
+          </a>
+        </div>
+
+        <div class='flex flex-col gap-1 pb-8'>
+          {relatedQuestionDetails.map((relatedQuestionGroup) => (
+            <a
+              href={`/questions/${relatedQuestionGroup.id}`}
+              class='flex flex-col gap-0.5 rounded-md border bg-white px-3.5 py-2 hover:bg-gray-50 sm:flex-row sm:gap-0'
+            >
+              <span class='inline-block min-w-[150px] font-medium'>
+                {relatedQuestionGroup.title}
+              </span>
+              <span class='text-gray-500'>
+                {relatedQuestionGroup.description}
+              </span>
+            </a>
+          ))}
+        </div>
+      </div>
     </div>
+  )
+}
 
-    <div class='flex flex-col gap-1 pb-8'>
-      {
-        relatedRoadmapDetails.map((relatedRoadmap) => (
+{
+  relatedRoadmaps.length && (
+    <div class='border-t bg-gray-100'>
+      <div class='container'>
+        <div class='relative -top-5 flex justify-between'>
+          <span class='text-md flex items-center rounded-md border bg-white px-3 py-1 font-medium'>
+            <Map className='text-black mr-1.5' size='17px' />
+            Related Roadmaps
+          </span>
           <a
-            href={`/${relatedRoadmap.id}`}
-            class='py-2 px-3.5 bg-white border rounded-md hover:bg-gray-50 flex flex-col sm:flex-row gap-0.5 sm:gap-0'
+            href='/roadmaps'
+            class='text-md rounded-md border bg-white px-3 py-1 font-medium hover:bg-gray-50'
           >
-            <span class='font-medium inline-block min-w-[150px]'>{relatedRoadmap.frontmatter.briefTitle}</span>
-            <span class='text-gray-500'>{relatedRoadmap.frontmatter.briefDescription}</span>
+            <span class='hidden sm:inline'>All Roadmaps &rarr;</span>
+            <span class='inline sm:hidden'>More &rarr;</span>
           </a>
-        ))
-      }
+        </div>
+
+        <div class='flex flex-col gap-1 pb-8'>
+          {relatedRoadmapDetails.map((relatedRoadmap) => (
+            <a
+              href={`/${relatedRoadmap.id}`}
+              class='flex flex-col gap-0.5 rounded-md border bg-white px-3.5 py-2 hover:bg-gray-50 sm:flex-row sm:gap-0'
+            >
+              <span class='inline-block min-w-[150px] font-medium'>
+                {relatedRoadmap.frontmatter.briefTitle}
+              </span>
+              <span class='text-gray-500'>
+                {relatedRoadmap.frontmatter.briefDescription}
+              </span>
+            </a>
+          ))}
+        </div>
+      </div>
     </div>
-  </div>
-</div>
+  )
+}
diff --git a/src/data/roadmaps/android/android.json b/src/data/roadmaps/android/android.json
index 3945b12b0..b93c586f4 100644
--- a/src/data/roadmaps/android/android.json
+++ b/src/data/roadmaps/android/android.json
@@ -1 +1,8145 @@
-{"mockup":{"controls":{"control":[{"ID":"0","h":"88","measuredH":"87","measuredW":"139","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":139,"y":87},"p1":{"x":0.4839132782964279,"y":0.06388395957102075},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"140","x":"764","y":"409","zOrder":"42"},{"ID":"1","h":"54","measuredH":"53","measuredW":"167","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":167,"y":53},"p1":{"x":0.46628444849827344,"y":0.04019805850544009},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"168","x":"745","y":"398","zOrder":"43"},{"ID":"2","h":"46","measuredH":"45","measuredW":"142","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":142,"y":0},"p1":{"x":0.5393433342768186,"y":-0.060147183696575034},"p2":{"x":0,"y":45},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"143","x":"760","y":"353","zOrder":"44"},{"ID":"5","h":"177","measuredH":"176","measuredW":"28","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":20,"y":0},"p1":{"x":0.553261492147643,"y":0.10567048073208744},"p2":{"x":0,"y":176},"rightArrow":"false","shape":"bezier","size":"10"},"typeID":"Arrow","w":"29","x":"672","y":"404","zOrder":"45"},{"ID":"6","h":"99","measuredH":"98","measuredW":"28","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":12,"y":0},"p1":{"x":0.5196669310071372,"y":-0.19421094369547975},"p2":{"x":28,"y":98},"rightArrow":"false","shape":"bezier"},"typeID":"Arrow","w":"29","x":"646","y":"251","zOrder":"46"},{"ID":"7","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"292","x":"887","y":"280","zOrder":"47"},{"ID":"8","measuredH":"23","measuredW":"154","properties":{"bold":"true","size":"15","text":"Install Android Studio"},"typeID":"Label","x":"956","y":"290","zOrder":"48"},{"ID":"9","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"292","x":"887","y":"328","zOrder":"49"},{"ID":"10","measuredH":"23","measuredW":"187","properties":{"bold":"true","size":"15","text":"Learn the Basics of Kotlin"},"typeID":"Label","x":"940","y":"338","zOrder":"50"},{"ID":"11","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"203","x":"568","y":"376","zOrder":"51"},{"ID":"12","measuredH":"23","measuredW":"133","properties":{"bold":"true","size":"15","text":"The Fundamentals"},"typeID":"Label","x":"603","y":"388","zOrder":"52"},{"ID":"17","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"292","x":"887","y":"377","zOrder":"53"},{"ID":"18","measuredH":"23","measuredW":"106","properties":{"bold":"true","size":"15","text":"Basics of OOP"},"typeID":"Label","x":"980","y":"387","zOrder":"54"},{"ID":"21","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"292","x":"887","y":"425","zOrder":"55"},{"ID":"22","measuredH":"23","measuredW":"222","properties":{"bold":"true","size":"15","text":"DataStructures and Algorithms"},"typeID":"Label","x":"922","y":"435","zOrder":"56"},{"ID":"25","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"292","x":"887","y":"474","zOrder":"57"},{"ID":"26","measuredH":"23","measuredW":"226","properties":{"bold":"true","size":"15","text":"What is and how to use Gradle?"},"typeID":"Label","x":"920","y":"484","zOrder":"58"},{"ID":"29","h":"26","measuredH":"25","measuredW":"130","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":130,"y":0},"p1":{"x":0.45592011412268185,"y":0.050784593437945794},"p2":{"x":0,"y":25},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"131","x":"456","y":"349","zOrder":"59"},{"ID":"30","h":"17","measuredH":"16","measuredW":"128","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":128,"y":16},"p1":{"x":0.5393433342768185,"y":-0.0601471836965751},"p2":{"x":0,"y":4},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"129","x":"458","y":"327","zOrder":"60"},{"ID":"33","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"178","x":"302","y":"304","zOrder":"61"},{"ID":"34","measuredH":"23","measuredW":"41","properties":{"bold":"true","size":"15","text":"Kotlin"},"typeID":"Label","x":"371","y":"314","zOrder":"62"},{"ID":"35","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"13421772"},"typeID":"Canvas","w":"178","x":"302","y":"352","zOrder":"63"},{"ID":"36","measuredH":"23","measuredW":"32","properties":{"bold":"true","size":"15","text":"Java"},"typeID":"Label","x":"375","y":"362","zOrder":"64"},{"ID":"40","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"203","x":"569","y":"324","zOrder":"65"},{"ID":"41","measuredH":"23","measuredW":"117","properties":{"bold":"true","size":"15","text":"Pick a Language"},"typeID":"Label","x":"612","y":"336","zOrder":"66"},{"ID":"45","h":"6","measuredH":"5","measuredW":"170","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":170,"y":0},"p1":{"x":0.4766942707453101,"y":0.008585431806658779},"p2":{"x":0,"y":5},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"171","x":"757","y":"397","zOrder":"40"},{"ID":"46","h":"97","measuredH":"96","measuredW":"146","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":146,"y":0},"p1":{"x":0.5393433342768187,"y":-0.06014718369657506},"p2":{"x":0,"y":96},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"147","x":"764","y":"297","zOrder":"41"},{"ID":"47","h":"93","measuredH":"92","measuredW":"141","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":141,"x":141,"y":0},"p1":{"length":0.5426867567349194,"x":0.5393433342768186,"y":-0.06014718369657501},"p2":{"length":92,"x":0,"y":92},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"142","x":"770","y":"700","zOrder":"67"},{"ID":"48","h":"4","measuredH":"3","measuredW":"156","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":156,"x":156,"y":0},"p1":{"length":0.4915147996747852,"x":0.49149672119334153,"y":-0.004215608560928125},"p2":{"length":3,"x":0,"y":3},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"157","x":"764","y":"799","zOrder":"68"},{"ID":"49","h":"55","measuredH":"54","measuredW":"144","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":144,"x":144,"y":0},"p1":{"length":0.5426867567349194,"x":0.5393433342768186,"y":-0.060147183696575034},"p2":{"length":54,"x":0,"y":54},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"145","x":"767","y":"749","zOrder":"69"},{"ID":"50","h":"3","measuredH":"2","measuredW":"115","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":115.0173899895142,"x":115,"y":2},"p1":{"length":0.48703415530227634,"x":0.4869565217391304,"y":-0.008695652173913042},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"116","x":"476","y":"797","zOrder":"70"},{"ID":"51","h":"42","measuredH":"41","measuredW":"128","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":134.40610105199838,"x":128,"y":41},"p1":{"length":0.5426867567349194,"x":0.5393433342768186,"y":-0.06014718369657536},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"129","x":"471","y":"753","zOrder":"71"},{"ID":"53","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"343","x":"161","y":"680","zOrder":"72"},{"ID":"54","measuredH":"23","measuredW":"279","properties":{"bold":"true","size":"15","text":"Using Activities and Activity Lifecycles"},"typeID":"Label","x":"192","y":"690","zOrder":"73"},{"ID":"55","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"343","x":"161","y":"728","zOrder":"74"},{"ID":"56","measuredH":"23","measuredW":"317","properties":{"bold":"true","size":"15","text":"Building Flexible Interfaces using Fragments"},"typeID":"Label","x":"173","y":"738","zOrder":"75"},{"ID":"57","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"203","x":"577","y":"774","zOrder":"76"},{"ID":"58","measuredH":"23","measuredW":"141","properties":{"bold":"true","size":"15","text":"Build an Application"},"typeID":"Label","x":"608","y":"786","zOrder":"77"},{"ID":"59","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"236","x":"896","y":"731","zOrder":"78"},{"ID":"60","measuredH":"23","measuredW":"96","properties":{"bold":"true","size":"15","text":"Using Intents"},"typeID":"Label","x":"966","y":"741","zOrder":"79"},{"ID":"61","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"236","x":"896","y":"778","zOrder":"80"},{"ID":"62","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"343","x":"161","y":"775","zOrder":"81"},{"ID":"63","measuredH":"23","measuredW":"297","properties":{"bold":"true","size":"15","text":"Debugging using Android Studio Debugger"},"typeID":"Label","x":"183","y":"785","zOrder":"82"},{"ID":"64","measuredH":"23","measuredW":"145","properties":{"bold":"true","size":"15","text":"Understand Context"},"typeID":"Label","x":"942","y":"788","zOrder":"83"},{"ID":"65","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"236","x":"896","y":"684","zOrder":"84"},{"ID":"66","measuredH":"23","measuredW":"201","properties":{"bold":"true","size":"15","text":"Handling App Configurations"},"typeID":"Label","x":"914","y":"694","zOrder":"85"},{"ID":"67","h":"48","measuredH":"47","measuredW":"97","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"length":97,"x":97,"y":0},"p1":{"length":0.4944237486591682,"x":0.4917173607861488,"y":0.0516612072999532},"p2":{"length":47,"x":0,"y":47},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"98","x":"501","y":"1019","zOrder":"15"},{"ID":"68","h":"44","measuredH":"43","measuredW":"2","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":2,"y":43},"p1":{"x":0.4750000000000001,"y":0.012500000000000008},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"3","x":"1032","y":"1035","zOrder":"20"},{"ID":"69","h":"5","measuredH":"4","measuredW":"104","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":104,"x":104,"y":0},"p1":{"length":0.43658008061825626,"x":0.4365079365079367,"y":0.007936507936507943},"p2":{"length":4,"x":0,"y":4},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"105","x":"499","y":"1015","zOrder":"12"},{"ID":"70","h":"3","measuredH":"2","measuredW":"163","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":163.01226947687098,"x":163,"y":2},"p1":{"length":0.4969610318915033,"x":0.49695144900263466,"y":-0.003086187429431695},"p2":{"length":1,"x":0,"y":1},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"164","x":"771","y":"1021","zOrder":"21"},{"ID":"71","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"236","x":"915","y":"1005","zOrder":"22"},{"ID":"72","measuredH":"23","measuredW":"148","properties":{"bold":"true","size":"15","text":"Learn Multithreading"},"typeID":"Label","x":"959","y":"1015","zOrder":"23"},{"ID":"73","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"304","x":"846","y":"937","zOrder":"24"},{"ID":"74","measuredH":"23","measuredW":"180","properties":{"bold":"true","size":"15","text":"Why would we need that?"},"typeID":"Label","x":"908","y":"947","zOrder":"25"},{"ID":"75","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"304","x":"847","y":"1169","zOrder":"26"},{"ID":"76","measuredH":"23","measuredW":"264","properties":{"bold":"true","size":"15","text":"How android uses threads internally?"},"typeID":"Label","x":"867","y":"1179","zOrder":"27"},{"ID":"77","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"304","x":"847","y":"1121","zOrder":"28"},{"ID":"78","measuredH":"23","measuredW":"130","properties":{"bold":"true","size":"15","text":"Memory Concerns"},"typeID":"Label","x":"934","y":"1131","zOrder":"29"},{"ID":"79","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"304","x":"847","y":"1073","zOrder":"30"},{"ID":"80","measuredH":"23","measuredW":"208","properties":{"bold":"true","size":"15","text":"How to write threaded code?"},"typeID":"Label","x":"895","y":"1083","zOrder":"31"},{"ID":"81","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"187","x":"327","y":"1046","zOrder":"32"},{"ID":"82","measuredH":"23","measuredW":"53","properties":{"bold":"true","size":"15","text":"Testing"},"typeID":"Label","x":"394","y":"1056","zOrder":"33"},{"ID":"83","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"187","x":"327","y":"998","zOrder":"34"},{"ID":"84","measuredH":"23","measuredW":"61","properties":{"bold":"true","size":"15","text":"Security"},"typeID":"Label","x":"390","y":"1008","zOrder":"35"},{"ID":"85","h":"41","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"90","x":"167","y":"998","zOrder":"36"},{"ID":"86","measuredH":"23","measuredW":"39","properties":{"bold":"true","size":"15","text":"JUnit"},"typeID":"Label","w":"41","x":"192","y":"1007","zOrder":"37"},{"ID":"87","h":"43","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"91","x":"167","y":"1046","zOrder":"38"},{"ID":"88","measuredH":"23","measuredW":"66","properties":{"bold":"true","size":"15","text":"Espresso"},"typeID":"Label","x":"180","y":"1056","zOrder":"39"},{"ID":"90","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"342","x":"161","y":"825","zOrder":"86"},{"ID":"91","measuredH":"23","measuredW":"208","properties":{"bold":"true","size":"15","text":"Components and their Usage"},"typeID":"Label","x":"228","y":"837","zOrder":"87"},{"ID":"92","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"145","x":"359","y":"927","zOrder":"88"},{"ID":"93","measuredH":"23","measuredW":"75","properties":{"bold":"true","size":"15","text":"Navigation"},"typeID":"Label","x":"394","y":"939","zOrder":"89"},{"ID":"94","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"90","x":"161","y":"876","zOrder":"90"},{"ID":"95","measuredH":"23","measuredW":"41","properties":{"bold":"true","size":"15","text":"Room"},"typeID":"Label","x":"186","y":"888","zOrder":"91"},{"ID":"96","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"190","x":"161","y":"927","zOrder":"92"},{"ID":"97","measuredH":"23","measuredW":"103","properties":{"bold":"true","size":"15","text":"Work Manager"},"typeID":"Label","x":"205","y":"939","zOrder":"93"},{"ID":"98","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"112","x":"259","y":"876","zOrder":"94"},{"ID":"99","measuredH":"23","measuredW":"67","properties":{"bold":"true","size":"15","text":"Live Data"},"typeID":"Label","w":"71","x":"280","y":"888","zOrder":"95"},{"ID":"100","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"127","x":"377","y":"876","zOrder":"96"},{"ID":"101","measuredH":"23","measuredW":"91","properties":{"bold":"true","size":"15","text":"Data Binding"},"typeID":"Label","x":"395","y":"888","zOrder":"97"},{"ID":"102","h":"43","measuredH":"42","measuredW":"101","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":101,"x":101,"y":0},"p1":{"length":0.4870341553022764,"x":0.48695652173913045,"y":-0.008695652173913057},"p2":{"length":42,"x":0,"y":42},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"102","x":"492","y":"805","zOrder":"19"},{"ID":"103","h":"83","measuredH":"82","measuredW":"109","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"length":136.40014662748715,"x":109,"y":82},"p1":{"length":0.5426867567349194,"x":0.5393433342768186,"y":-0.06014718369657522},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"110","x":"481","y":"699","zOrder":"18"},{"ID":"106","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"203","x":"587","y":"999","zOrder":"98"},{"ID":"107","measuredH":"23","measuredW":"147","properties":{"bold":"true","size":"15","text":"Writing Robust Apps"},"typeID":"Label","w":"151","x":"613","y":"1011","zOrder":"99"},{"ID":"108","h":"214","measuredH":"213","measuredW":"37","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5220159151193634,"y":0.12042440318302387},"p2":{"x":21,"y":213},"rightArrow":"false","shape":"bezier","size":"10"},"typeID":"Arrow","w":"38","x":"686","y":"805","zOrder":"17"},{"ID":"109","h":"81","measuredH":"80","measuredW":"1","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"x":1,"y":80},"p1":{"x":0.4750000000000001,"y":0.012500000000000008},"p2":{"x":1,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"1033","y":"943","zOrder":"14"},{"ID":"110","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"229","x":"288","y":"1096","zOrder":"100"},{"ID":"111","measuredH":"23","measuredW":"185","properties":{"bold":"true","size":"15","text":"Dependency Management"},"typeID":"Label","x":"313","y":"1106","zOrder":"101"},{"ID":"113","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"236","x":"896","y":"636","zOrder":"102"},{"ID":"114","measuredH":"23","measuredW":"130","properties":{"bold":"true","size":"15","text":"Content Providers"},"typeID":"Label","x":"949","y":"646","zOrder":"103"},{"ID":"116","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"235","x":"897","y":"827","zOrder":"104"},{"ID":"117","measuredH":"23","measuredW":"134","properties":{"bold":"true","size":"15","text":"3rd Party Libraries"},"typeID":"Label","x":"948","y":"837","zOrder":"105"},{"ID":"118","measuredH":"23","measuredW":"266","properties":{"bold":"true","size":"15","text":"e.g. Glide, Retrofit, Crashlytics, GSON"},"typeID":"Label","x":"867","y":"877","zOrder":"106"},{"ID":"119","h":"89","measuredH":"88","measuredW":"87","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":87,"x":87,"y":0},"p1":{"length":0.47891314261057566,"x":0.4788990825688073,"y":-0.003669724770642195},"p2":{"length":88,"x":0,"y":88},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"88","x":"512","y":"1030","zOrder":"16"},{"ID":"121","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"226","x":"290","y":"1148","zOrder":"107"},{"ID":"122","measuredH":"23","measuredW":"91","properties":{"bold":"true","size":"15","text":"Concurrency"},"typeID":"Label","x":"376","y":"1158","zOrder":"108"},{"ID":"125","h":"130","measuredH":"129","measuredW":"96","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"length":96,"x":96,"y":0},"p1":{"length":0.47891314261057577,"x":0.4788990825688074,"y":-0.003669724770641983},"p2":{"length":129,"x":0,"y":129},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"97","x":"506","y":"1040","zOrder":"13"},{"ID":"155","h":"44","measuredH":"43","measuredW":"88","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":88,"y":43},"p1":{"x":0.6296257687897425,"y":-0.055978317523193995},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"89","x":"415","y":"590","zOrder":"11"},{"ID":"156","h":"45","measuredH":"140","measuredW":"200","properties":{"color":"16776960"},"typeID":"TextArea","w":"186","x":"227","y":"512","zOrder":"109"},{"ID":"157","measuredH":"25","measuredW":"57","properties":{"bold":"true","size":"17","text":"GitHub"},"typeID":"Label","w":"64","x":"288","y":"522","zOrder":"110"},{"ID":"158","h":"45","measuredH":"140","measuredW":"200","properties":{"backgroundAlpha":"0.5","borderColor":"0","color":"10066329"},"typeID":"TextArea","w":"186","x":"228","y":"561","zOrder":"111"},{"ID":"159","measuredH":"25","measuredW":"55","properties":{"bold":"true","color":"0","size":"17","text":"GitLab"},"typeID":"Label","x":"294","y":"571","zOrder":"112"},{"ID":"160","h":"23","measuredH":"22","measuredW":"156","properties":{"color":"10027263","curvature":"1","direction":"top","leftArrow":"false","p0":{"length":157.54364474646383,"x":156,"y":22},"p1":{"length":0.5092219658218046,"x":0.5081385979049154,"y":0.03319903303787269},"p2":{"length":0,"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"157","x":"733","y":"576","zOrder":"113"},{"ID":"161","h":"25","measuredH":"24","measuredW":"151","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"length":151,"x":151,"y":0},"p1":{"length":0.5453706051628192,"x":0.5443384523249346,"y":-0.03353723745561875},"p2":{"length":24,"x":0,"y":24},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"152","x":"744","y":"550","zOrder":"114"},{"ID":"162","h":"54","measuredH":"53","measuredW":"1","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"length":53.009433122794285,"x":1,"y":53},"p1":{"length":0.5446701443933412,"x":0.5446682073291514,"y":0.001452624628590294},"p2":{"length":1,"x":1,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"534","y":"504","zOrder":"115"},{"ID":"163","h":"149","measuredH":"148","measuredW":"30","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":21,"y":0},"p1":{"x":0.5694444444444444,"y":-0.1736111111111111},"p2":{"x":30,"y":148},"rightArrow":"false","shape":"bezier","size":"10"},"typeID":"Arrow","w":"31","x":"639","y":"636","zOrder":"8"},{"ID":"165","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"276","x":"484","y":"554","zOrder":"116"},{"ID":"166","measuredH":"23","measuredW":"176","properties":{"bold":"true","size":"15","text":"Version Control Systems"},"typeID":"Label","x":"535","y":"566","zOrder":"117"},{"ID":"167","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"304","x":"875","y":"528","zOrder":"118"},{"ID":"168","measuredH":"23","measuredW":"254","properties":{"bold":"true","size":"15","text":"What are Version Control Systems?"},"typeID":"Label","x":"900","y":"538","zOrder":"119"},{"ID":"169","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"304","x":"875","y":"576","zOrder":"120"},{"ID":"170","measuredH":"23","measuredW":"178","properties":{"bold":"true","size":"15","text":"Why you should use one?"},"typeID":"Label","x":"938","y":"586","zOrder":"121"},{"ID":"171","h":"42","measuredH":"70","measuredW":"100","properties":{"color":"16776960"},"typeID":"Canvas","w":"156","x":"484","y":"471","zOrder":"122"},{"ID":"172","measuredH":"23","measuredW":"117","properties":{"bold":"true","size":"15","text":"Learn to use Git"},"typeID":"Label","x":"504","y":"481","zOrder":"123"},{"ID":"173","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"275","x":"485","y":"610","zOrder":"124"},{"ID":"174","measuredH":"23","measuredW":"163","properties":{"bold":"true","size":"15","text":"Repo Hosting Services"},"typeID":"Label","x":"541","y":"622","zOrder":"125"},{"ID":"175","h":"45","measuredH":"140","measuredW":"200","properties":{"backgroundAlpha":"0.5","borderColor":"0","color":"10066329"},"typeID":"TextArea","w":"184","x":"229","y":"610","zOrder":"126"},{"ID":"176","measuredH":"25","measuredW":"78","properties":{"bold":"true","color":"0","size":"17","text":"Bitbucket"},"typeID":"Label","x":"282","y":"620","zOrder":"127"},{"ID":"180","h":"5","measuredH":"4","measuredW":"87","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":87,"y":4},"p1":{"x":0.44838497033618985,"y":-0.0023731048121292024},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"88","x":"411","y":"634","zOrder":"9"},{"ID":"181","h":"92","measuredH":"91","measuredW":"82","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":82,"y":91},"p1":{"x":0.6164611796067977,"y":-0.07197600799733421},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"83","x":"411","y":"534","zOrder":"10"},{"ID":"182","h":"43","measuredH":"42","measuredW":"139","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":139,"y":42},"p1":{"x":0.49149672119334153,"y":-0.004215608560928125},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"140","x":"771","y":"808","zOrder":"7"},{"ID":"183","h":"130","measuredH":"129","measuredW":"136","properties":{"color":"10027263","curvature":"1","direction":"bottom","leftArrow":"false","p0":{"x":136,"y":0},"p1":{"x":0.5393433342768186,"y":-0.06014718369657501},"p2":{"x":0,"y":129},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"137","x":"772","y":"657","zOrder":"6"},{"ID":"184","h":"210","measuredH":"209","measuredW":"1","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.5542035800419328,"y":-0.004702289336225807},"p2":{"x":1,"y":209},"rightArrow":"false","shape":"bezier","size":"10"},"typeID":"Arrow","w":"2","x":"692","y":"1020","zOrder":"5"},{"ID":"185","h":"46","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"203","x":"587","y":"1202","zOrder":"128"},{"ID":"186","measuredH":"23","measuredW":"103","properties":{"bold":"true","size":"15","text":"Keep Learning"},"typeID":"Label","x":"637","y":"1214","zOrder":"129"},{"ID":"187","h":"91","measuredH":"90","measuredW":"1","properties":{"color":"10027263","curvature":"0","direction":"top","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.5542035800419328,"y":-0.004702289336225807},"p2":{"x":1,"y":90},"rightArrow":"false","shape":"bezier","size":"10","stroke":"dotted"},"typeID":"Arrow","w":"2","x":"692","y":"1220","zOrder":"4"},{"ID":"188","measuredH":"40","measuredW":"279","properties":{"bold":"true","size":"32","text":"Android Developer"},"typeID":"Label","x":"536","y":"195","zOrder":"130"},{"ID":"189","h":"87","measuredH":"86","measuredW":"32","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":32,"y":0},"p1":{"x":0.5422802850356294,"y":0.07387173396674585},"p2":{"x":0,"y":86},"rightArrow":"false","shape":"bezier","size":"10","stroke":"dotted"},"typeID":"Arrow","w":"33","x":"686","y":"92","zOrder":"131"},{"ID":"190","h":"52","measuredH":"51","measuredW":"111","properties":{"color":"10027263","curvature":"-1","direction":"top","leftArrow":"false","p0":{"x":111,"y":51},"p1":{"x":0.5671491757137114,"y":-0.018697225572979495},"p2":{"x":0,"y":0},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"112","x":"244","y":"1017","zOrder":"3"},{"ID":"191","h":"3","measuredH":"2","measuredW":"95","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":95,"y":0},"p1":{"x":0.4235598227474151,"y":0.012555391432791729},"p2":{"x":0,"y":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"96","x":"246","y":"1067","zOrder":"2"},{"ID":"192","h":"41","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"90","x":"169","y":"1096","zOrder":"132"},{"ID":"193","measuredH":"23","measuredW":"51","properties":{"bold":"true","size":"15","text":"Dagger"},"typeID":"Label","x":"189","y":"1105","zOrder":"133"},{"ID":"194","h":"43","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"91","x":"169","y":"1144","zOrder":"134"},{"ID":"195","measuredH":"23","measuredW":"31","properties":{"bold":"true","size":"15","text":"Koin"},"typeID":"Label","x":"199","y":"1154","zOrder":"135"},{"ID":"196","h":"3","measuredH":"2","measuredW":"95","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":95,"y":0,"length":95},"p1":{"x":0.4235598227474151,"y":0.012555391432791725,"length":0.4237458687702481},"p2":{"x":0,"y":2,"length":2},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"96","x":"227","y":"1116","zOrder":"1"},{"ID":"197","h":"56","measuredH":"55","measuredW":"56","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":56,"y":0},"p1":{"x":0.4235598227474151,"y":0.012555391432791725},"p2":{"x":0,"y":55},"rightArrow":"false","shape":"bezier","stroke":"dotted"},"typeID":"Arrow","w":"57","x":"246","y":"1115","zOrder":"0"},{"ID":"198","h":"43","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"112","x":"402","y":"1196","zOrder":"136"},{"ID":"199","measuredH":"23","measuredW":"78","properties":{"bold":"true","size":"15","text":"Coroutines"},"typeID":"Label","x":"418","y":"1206","zOrder":"137"},{"ID":"200","h":"43","measuredH":"70","measuredW":"100","properties":{"color":"16770457"},"typeID":"Canvas","w":"103","x":"291","y":"1196","zOrder":"138"},{"ID":"201","measuredH":"23","measuredW":"51","properties":{"bold":"true","size":"15","text":"RxJava"},"typeID":"Label","x":"317","y":"1206","zOrder":"139"}]},"measuredH":"1311","measuredW":"1179","mockupH":"1219","mockupW":"1018","version":"1.0"}}
\ No newline at end of file
+{
+  "mockup": {
+    "controls": {
+      "control": [
+        {
+          "ID": "604",
+          "typeID": "Arrow",
+          "zOrder": "69",
+          "w": "181",
+          "h": "3",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "889",
+          "y": "483",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 181.33333333333337,
+              "y": 3.1591837857379232
+            },
+            "p1": {
+              "x": 0.44386240125497267,
+              "y": -0.00008403832147459239
+            },
+            "p2": {
+              "x": 0,
+              "y": 0
+            }
+          }
+        },
+        {
+          "ID": "606",
+          "typeID": "__group__",
+          "zOrder": "71",
+          "measuredW": "373",
+          "measuredH": "151",
+          "w": "373",
+          "h": "151",
+          "x": "1039",
+          "y": "241",
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "Canvas",
+                  "zOrder": "0",
+                  "w": "373",
+                  "h": "151",
+                  "measuredW": "100",
+                  "measuredH": "70",
+                  "x": "0",
+                  "y": "0"
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "333",
+                  "measuredH": "26",
+                  "x": "18",
+                  "y": "19",
+                  "properties": {
+                    "text": "Find the detailed version of this roadmap",
+                    "size": "18"
+                  }
+                },
+                {
+                  "ID": "3",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "339",
+                  "measuredH": "47",
+                  "w": "339",
+                  "h": "47",
+                  "x": "18",
+                  "y": "88",
+                  "properties": {
+                    "controlName": "ext_link:roadmap.sh"
+                  },
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Canvas",
+                          "zOrder": "0",
+                          "w": "339",
+                          "h": "47",
+                          "measuredW": "100",
+                          "measuredH": "70",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "borderColor": "4273622",
+                            "color": "4273622"
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "Label",
+                          "zOrder": "1",
+                          "measuredW": "155",
+                          "measuredH": "26",
+                          "x": "92",
+                          "y": "11",
+                          "properties": {
+                            "color": "16777215",
+                            "text": "https://roadmap.sh",
+                            "size": "18"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                },
+                {
+                  "ID": "5",
+                  "typeID": "Label",
+                  "zOrder": "3",
+                  "measuredW": "337",
+                  "measuredH": "26",
+                  "x": "18",
+                  "y": "48",
+                  "properties": {
+                    "size": "18",
+                    "text": "Along with resources and more roadmaps"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "608",
+          "typeID": "Arrow",
+          "zOrder": "72",
+          "w": "1",
+          "h": "74",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "805",
+          "y": "233",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549725,
+              "y": -0.00008403832147459165
+            },
+            "p2": {
+              "x": 0,
+              "y": 74.15918378573792
+            },
+            "stroke": "dotted"
+          }
+        },
+        {
+          "ID": "609",
+          "typeID": "Arrow",
+          "zOrder": "73",
+          "w": "1",
+          "h": "95",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "805",
+          "y": "386",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.44386240125497245,
+              "y": -0.00008403832147459165
+            },
+            "p2": {
+              "x": 0,
+              "y": 94.5703621905065
+            }
+          }
+        },
+        {
+          "ID": "612",
+          "typeID": "Label",
+          "zOrder": "70",
+          "measuredW": "270",
+          "measuredH": "40",
+          "x": "670",
+          "y": "324",
+          "properties": {
+            "size": "32",
+            "text": "Android Developer"
+          }
+        },
+        {
+          "ID": "622",
+          "typeID": "Arrow",
+          "zOrder": "68",
+          "w": "164",
+          "h": "43",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "885",
+          "y": "497",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 164,
+              "y": 43
+            },
+            "p1": {
+              "x": 0.3492597834818866,
+              "y": -0.08989709651505298
+            },
+            "p2": {
+              "x": 0,
+              "y": 0
+            }
+          }
+        },
+        {
+          "ID": "624",
+          "typeID": "Arrow",
+          "zOrder": "67",
+          "w": "431",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "297",
+          "y": "487",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.4828305534770152,
+              "y": -0.4296378094934994
+            },
+            "p1": {
+              "x": 0.4438624012549725,
+              "y": -0.00008403832147459156
+            },
+            "p2": {
+              "x": 431,
+              "y": -0.4296378094934994
+            }
+          }
+        },
+        {
+          "ID": "625",
+          "typeID": "Arrow",
+          "zOrder": "66",
+          "w": "1",
+          "h": "441",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "296",
+          "y": "487",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": -0.4296378094934994
+            },
+            "p1": {
+              "x": 0.4438624012549727,
+              "y": -0.00008403832147459129
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 441
+            }
+          }
+        },
+        {
+          "ID": "643",
+          "typeID": "Arrow",
+          "zOrder": "65",
+          "w": "182",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "376",
+          "y": "693",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 181.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549726,
+              "y": -0.00008403832147459251
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 1
+            }
+          }
+        },
+        {
+          "ID": "644",
+          "typeID": "Arrow",
+          "zOrder": "64",
+          "w": "169",
+          "h": "41",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "372",
+          "y": "639",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 168.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.36479068844653134,
+              "y": 0.08901527676740957
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 41
+            }
+          }
+        },
+        {
+          "ID": "645",
+          "typeID": "Arrow",
+          "zOrder": "63",
+          "w": "177",
+          "h": "91",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "364",
+          "y": "582",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 176.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.45434102463824805,
+              "y": 0.10236605396949543
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 91
+            }
+          }
+        },
+        {
+          "ID": "646",
+          "typeID": "Arrow",
+          "zOrder": "62",
+          "w": "165",
+          "h": "40",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "374",
+          "y": "707",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 164.5,
+              "y": 40
+            },
+            "p1": {
+              "x": 0.42010716493783057,
+              "y": -0.061654186989077424
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0
+            }
+          }
+        },
+        {
+          "ID": "647",
+          "typeID": "Arrow",
+          "zOrder": "61",
+          "w": "166",
+          "h": "88",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "371",
+          "y": "709",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 165.5,
+              "y": 88
+            },
+            "p1": {
+              "x": 0.4753534901916952,
+              "y": -0.07452635108701723
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0
+            }
+          }
+        },
+        {
+          "ID": "648",
+          "typeID": "Arrow",
+          "zOrder": "83",
+          "w": "896",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "297",
+          "y": "930",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.4828305534770152,
+              "y": -0.42963780949344255
+            },
+            "p1": {
+              "x": 0.4438624012549725,
+              "y": -0.00008403832147459155
+            },
+            "p2": {
+              "x": 896,
+              "y": -0.42963780949344255
+            }
+          }
+        },
+        {
+          "ID": "651",
+          "typeID": "Arrow",
+          "zOrder": "84",
+          "w": "1",
+          "h": "102",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "1194",
+          "y": "827",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": -0.5
+            },
+            "p1": {
+              "x": 0.4438624012549728,
+              "y": -0.00008403832147459053
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 101
+            }
+          }
+        },
+        {
+          "ID": "652",
+          "typeID": "Arrow",
+          "zOrder": "60",
+          "w": "1",
+          "h": "52",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "1091",
+          "y": "767",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549728,
+              "y": -0.00008403832147459049
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 52
+            },
+            "stroke": "dotted"
+          }
+        },
+        {
+          "ID": "655",
+          "typeID": "Arrow",
+          "zOrder": "58",
+          "w": "1",
+          "h": "52",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "1232",
+          "y": "765",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549728,
+              "y": -0.00008403832147459049
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 52
+            },
+            "stroke": "dotted"
+          }
+        },
+        {
+          "ID": "678",
+          "typeID": "Arrow",
+          "zOrder": "57",
+          "w": "1",
+          "h": "226",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "1222",
+          "y": "823",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.44386240125497295,
+              "y": -0.00008403832147459015
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 225.5573999579981
+            }
+          }
+        },
+        {
+          "ID": "681",
+          "typeID": "Arrow",
+          "zOrder": "56",
+          "w": "177",
+          "h": "144",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "359",
+          "y": "710",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 176.5,
+              "y": 144
+            },
+            "p1": {
+              "x": 0.47535349019169515,
+              "y": -0.07452635108701723
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0
+            }
+          }
+        },
+        {
+          "ID": "692",
+          "typeID": "Arrow",
+          "zOrder": "55",
+          "w": "133",
+          "h": "3",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "313",
+          "y": "984",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 132.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.44386240125497256,
+              "y": -0.00008403832147458542
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 3.1591837857379232
+            }
+          }
+        },
+        {
+          "ID": "693",
+          "typeID": "Arrow",
+          "zOrder": "54",
+          "w": "140",
+          "h": "43",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "316",
+          "y": "995",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 139.5,
+              "y": 2
+            },
+            "p1": {
+              "x": 0.5159536129421418,
+              "y": -0.1145918504036733
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 43.15918378573792
+            }
+          }
+        },
+        {
+          "ID": "695",
+          "typeID": "Arrow",
+          "zOrder": "53",
+          "w": "124",
+          "h": "91",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "321",
+          "y": "1000",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 123.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.47854718151658954,
+              "y": -0.11754433658904385
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 91
+            }
+          }
+        },
+        {
+          "ID": "696",
+          "typeID": "Arrow",
+          "zOrder": "52",
+          "w": "154",
+          "h": "2",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "573",
+          "y": "1047",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 153.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549725,
+              "y": -0.00008403832147458842
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 2
+            }
+          }
+        },
+        {
+          "ID": "701",
+          "typeID": "Arrow",
+          "zOrder": "51",
+          "w": "109",
+          "h": "55",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "600",
+          "y": "1056",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 109,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.5571809334903616,
+              "y": -0.11175850740717777
+            },
+            "p2": {
+              "x": 0,
+              "y": 55
+            }
+          }
+        },
+        {
+          "ID": "702",
+          "typeID": "Arrow",
+          "zOrder": "50",
+          "w": "114",
+          "h": "96",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "597",
+          "y": "1066",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 113,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.45577981651376154,
+              "y": -0.1207339449541284
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 96
+            }
+          }
+        },
+        {
+          "ID": "705",
+          "typeID": "Arrow",
+          "zOrder": "49",
+          "w": "118",
+          "h": "45",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "597",
+          "y": "990",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 117.5,
+              "y": 45
+            },
+            "p1": {
+              "x": 0.5290826284970722,
+              "y": 0.09993493819128173
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0
+            }
+          }
+        },
+        {
+          "ID": "710",
+          "typeID": "Arrow",
+          "zOrder": "48",
+          "w": "120",
+          "h": "144",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "602",
+          "y": "1066",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 120,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.45577981651376154,
+              "y": -0.12073394495412838
+            },
+            "p2": {
+              "x": -0.44256592100089165,
+              "y": 143.7416949709559
+            }
+          }
+        },
+        {
+          "ID": "717",
+          "typeID": "Arrow",
+          "zOrder": "47",
+          "w": "133",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "313",
+          "y": "1204",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 132.7206338309702,
+              "y": -0.2984910851691893
+            },
+            "p1": {
+              "x": 0.4438624012549724,
+              "y": -0.0000840383214745843
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 1.1591837857379232
+            }
+          }
+        },
+        {
+          "ID": "718",
+          "typeID": "Arrow",
+          "zOrder": "46",
+          "w": "106",
+          "h": "42",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "320",
+          "y": "1149",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 106.39203845136967,
+              "y": 41.413099591355376
+            },
+            "p1": {
+              "x": 0.546743032918901,
+              "y": 0.1389298714993311
+            },
+            "p2": {
+              "x": 0.08476386356699095,
+              "y": 0.3398344097045083
+            }
+          }
+        },
+        {
+          "ID": "719",
+          "typeID": "Arrow",
+          "zOrder": "45",
+          "w": "105",
+          "h": "46",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "323",
+          "y": "1217",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 104.6000756625948,
+              "y": -0.010081761693982116
+            },
+            "p1": {
+              "x": 0.5622863899437569,
+              "y": -0.1426823541291113
+            },
+            "p2": {
+              "x": -0.4991617139828577,
+              "y": 45.89533226485719
+            }
+          }
+        },
+        {
+          "ID": "720",
+          "typeID": "Arrow",
+          "zOrder": "41",
+          "w": "366",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "856",
+          "y": "1048",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4311168831073928,
+              "y": -0.42963780949344255
+            },
+            "p1": {
+              "x": 0.44386240125497245,
+              "y": -0.00008403832147459138
+            },
+            "p2": {
+              "x": 366,
+              "y": -0.42963780949344255
+            }
+          }
+        },
+        {
+          "ID": "731",
+          "typeID": "Arrow",
+          "zOrder": "44",
+          "w": "167",
+          "h": "67",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "959",
+          "y": "1089",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 0,
+              "y": 67
+            },
+            "p1": {
+              "x": 0.5438644141452548,
+              "y": -0.09745233309794042
+            },
+            "p2": {
+              "x": 166.93965972592332,
+              "y": -0.3465430151200053
+            }
+          }
+        },
+        {
+          "ID": "740",
+          "typeID": "Label",
+          "zOrder": "115",
+          "measuredW": "59",
+          "measuredH": "25",
+          "x": "885",
+          "y": "1154",
+          "properties": {
+            "size": "17",
+            "text": "Layouts"
+          }
+        },
+        {
+          "ID": "761",
+          "typeID": "Label",
+          "zOrder": "124",
+          "measuredW": "73",
+          "measuredH": "25",
+          "x": "563",
+          "y": "1334",
+          "properties": {
+            "size": "17",
+            "text": "Elements"
+          }
+        },
+        {
+          "ID": "763",
+          "typeID": "Arrow",
+          "zOrder": "43",
+          "w": "91",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "654",
+          "y": "1346",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 91.09241610965842,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.4438624012549724,
+              "y": -0.00008403832147458783
+            },
+            "p2": {
+              "x": 0.018640799576928657,
+              "y": -0.0681659336444227
+            }
+          }
+        },
+        {
+          "ID": "775",
+          "typeID": "Arrow",
+          "zOrder": "42",
+          "w": "1",
+          "h": "204",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "817",
+          "y": "1356",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 203.4745080988664
+            },
+            "p1": {
+              "x": 0.4438624012549723,
+              "y": -0.00008403832147458676
+            },
+            "p2": {
+              "x": -0.5,
+              "y": -0.35887308357655456
+            }
+          }
+        },
+        {
+          "ID": "783",
+          "typeID": "Arrow",
+          "zOrder": "40",
+          "w": "1",
+          "h": "264",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "816",
+          "y": "1058",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4311168831073928,
+              "y": -0.42963780949344255
+            },
+            "p1": {
+              "x": 0.4438624012549726,
+              "y": -0.00008403832147459106
+            },
+            "p2": {
+              "x": 0.4311168831073928,
+              "y": 263.6192651118381
+            }
+          }
+        },
+        {
+          "ID": "784",
+          "typeID": "Arrow",
+          "zOrder": "39",
+          "w": "180",
+          "h": "21",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "959",
+          "y": "1145",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0,
+              "y": 19
+            },
+            "p1": {
+              "x": 0.41206958102654473,
+              "y": -0.034164114825205344
+            },
+            "p2": {
+              "x": 180,
+              "y": -0.42963780949344255
+            },
+            "stroke": "dotted"
+          }
+        },
+        {
+          "ID": "785",
+          "typeID": "Arrow",
+          "zOrder": "38",
+          "w": "167",
+          "h": "26",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "959",
+          "y": "1173",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.3864662178173148,
+              "y": -0.21882798746719345
+            },
+            "p1": {
+              "x": 0.6954071565869709,
+              "y": 0.05339868223342293
+            },
+            "p2": {
+              "x": 166.5120652080102,
+              "y": 25.562245972620076
+            }
+          }
+        },
+        {
+          "ID": "786",
+          "typeID": "Arrow",
+          "zOrder": "37",
+          "w": "171",
+          "h": "71",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "959",
+          "y": "1181",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 0.2566351527044617,
+              "y": -0.0774362105973978
+            },
+            "p1": {
+              "x": 0.566830831871514,
+              "y": 0.1151435479602269
+            },
+            "p2": {
+              "x": 171.22586246696687,
+              "y": 70.48129252227272
+            }
+          }
+        },
+        {
+          "ID": "787",
+          "typeID": "Arrow",
+          "zOrder": "36",
+          "w": "1",
+          "h": "156",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "914",
+          "y": "1188",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 156.0486227624374
+            },
+            "p1": {
+              "x": 0.44386240125497234,
+              "y": -0.00008403832147458584
+            },
+            "p2": {
+              "x": -0.5,
+              "y": -0.35887308357655456
+            }
+          }
+        },
+        {
+          "ID": "788",
+          "typeID": "Arrow",
+          "zOrder": "35",
+          "w": "120",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "425",
+          "y": "1346",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 120.47324905026585,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.4438624012549724,
+              "y": -0.00008403832147458797
+            },
+            "p2": {
+              "x": 0.018640799576928657,
+              "y": -0.0681659336444227
+            }
+          }
+        },
+        {
+          "ID": "789",
+          "typeID": "Arrow",
+          "zOrder": "34",
+          "w": "298",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "924",
+          "y": "1346",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4311168831073928,
+              "y": -0.42963780949344255
+            },
+            "p1": {
+              "x": 0.44386240125497256,
+              "y": -0.00008403832147459126
+            },
+            "p2": {
+              "x": 298.316393441796,
+              "y": -0.42963780949344255
+            }
+          }
+        },
+        {
+          "ID": "790",
+          "typeID": "Arrow",
+          "zOrder": "130",
+          "w": "1",
+          "h": "390",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "1222",
+          "y": "1348",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.44386240125497306,
+              "y": -0.00008403832147459003
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 389.7122728848433
+            }
+          }
+        },
+        {
+          "ID": "791",
+          "typeID": "Arrow",
+          "zOrder": "33",
+          "w": "298",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "924",
+          "y": "1738",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4311168831073928,
+              "y": -0.42963780949344255
+            },
+            "p1": {
+              "x": 0.44386240125497256,
+              "y": -0.00008403832147459126
+            },
+            "p2": {
+              "x": 298.316393441796,
+              "y": -0.42963780949344255
+            }
+          }
+        },
+        {
+          "ID": "792",
+          "typeID": "Arrow",
+          "zOrder": "32",
+          "w": "298",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "923",
+          "y": "1756",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4311168831073928,
+              "y": -0.42963780949344255
+            },
+            "p1": {
+              "x": 0.44386240125497256,
+              "y": -0.00008403832147459126
+            },
+            "p2": {
+              "x": 298.316393441796,
+              "y": -0.42963780949344255
+            }
+          }
+        },
+        {
+          "ID": "793",
+          "typeID": "Arrow",
+          "zOrder": "31",
+          "w": "173",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "536",
+          "y": "1744",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 173.47324905026585,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.4438624012549722,
+              "y": -0.00008403832147458798
+            },
+            "p2": {
+              "x": -0.0036281024150639496,
+              "y": -0.0681659336444227
+            }
+          }
+        },
+        {
+          "ID": "810",
+          "typeID": "Arrow",
+          "zOrder": "30",
+          "w": "56",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "289",
+          "y": "1851",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 56.375013914948795,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.4438624012549722,
+              "y": -0.00008403832147458816
+            },
+            "p2": {
+              "x": -0.0036281024150639496,
+              "y": -0.0681659336444227
+            }
+          }
+        },
+        {
+          "ID": "811",
+          "typeID": "Arrow",
+          "zOrder": "29",
+          "w": "56",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "290",
+          "y": "1903",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 56.375013914948795,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.4438624012549722,
+              "y": -0.00008403832147458816
+            },
+            "p2": {
+              "x": -0.0036281024150639496,
+              "y": -0.0681659336444227
+            }
+          }
+        },
+        {
+          "ID": "820",
+          "typeID": "Arrow",
+          "zOrder": "28",
+          "w": "1",
+          "h": "98",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "729",
+          "y": "1750",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 98.2413325002185
+            },
+            "p1": {
+              "x": 0.4438624012549723,
+              "y": -0.00008403832147458602
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0.2051341797321129
+            }
+          }
+        },
+        {
+          "ID": "821",
+          "typeID": "Arrow",
+          "zOrder": "27",
+          "w": "1",
+          "h": "98",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "804",
+          "y": "1750",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 98.2413325002185
+            },
+            "p1": {
+              "x": 0.4438624012549723,
+              "y": -0.00008403832147458602
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0.2051341797321129
+            }
+          }
+        },
+        {
+          "ID": "822",
+          "typeID": "Arrow",
+          "zOrder": "26",
+          "w": "1",
+          "h": "98",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "874",
+          "y": "1750",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 98.2413325002185
+            },
+            "p1": {
+              "x": 0.4438624012549723,
+              "y": -0.00008403832147458602
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0.2051341797321129
+            }
+          }
+        },
+        {
+          "ID": "823",
+          "typeID": "Arrow",
+          "zOrder": "25",
+          "w": "1",
+          "h": "98",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "943",
+          "y": "1750",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 98.2413325002185
+            },
+            "p1": {
+              "x": 0.4438624012549723,
+              "y": -0.00008403832147458602
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0.2051341797321129
+            }
+          }
+        },
+        {
+          "ID": "824",
+          "typeID": "Label",
+          "zOrder": "143",
+          "measuredW": "166",
+          "measuredH": "25",
+          "x": "750",
+          "y": "1886",
+          "properties": {
+            "size": "17",
+            "text": "Architectural Patterns"
+          }
+        },
+        {
+          "ID": "825",
+          "typeID": "Arrow",
+          "zOrder": "144",
+          "w": "1",
+          "h": "326",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "1221",
+          "y": "1757",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549732,
+              "y": -0.00008403832147458977
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 325.5215834470582
+            }
+          }
+        },
+        {
+          "ID": "826",
+          "typeID": "Arrow",
+          "zOrder": "145",
+          "w": "728",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "493",
+          "y": "2082",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.44386240125497267,
+              "y": -0.00008403832147459104
+            },
+            "p2": {
+              "x": 728.316393441796,
+              "y": -0.42963780949344255
+            }
+          }
+        },
+        {
+          "ID": "837",
+          "typeID": "Arrow",
+          "zOrder": "24",
+          "w": "1",
+          "h": "207",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "913",
+          "y": "1981",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.5,
+              "y": 207.02540497274958
+            },
+            "p1": {
+              "x": 0.4438624012549724,
+              "y": -0.00008403832147458585
+            },
+            "p2": {
+              "x": -0.5,
+              "y": 0.2051341797321129
+            }
+          }
+        },
+        {
+          "ID": "846",
+          "typeID": "Arrow",
+          "zOrder": "23",
+          "w": "108",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "300",
+          "y": "2081",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 108.3750139149488,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.44386240125497217,
+              "y": -0.00008403832147458816
+            },
+            "p2": {
+              "x": -0.08832384639828206,
+              "y": -0.06816593364419532
+            }
+          }
+        },
+        {
+          "ID": "847",
+          "typeID": "Arrow",
+          "zOrder": "22",
+          "w": "94",
+          "h": "47",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "314",
+          "y": "2092",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 94.21311476462455,
+              "y": -0.2549068268472183
+            },
+            "p1": {
+              "x": 0.545325779036829,
+              "y": -0.1536827195467401
+            },
+            "p2": {
+              "x": -0.2035240244722445,
+              "y": 46.95341256770098
+            }
+          }
+        },
+        {
+          "ID": "848",
+          "typeID": "Arrow",
+          "zOrder": "21",
+          "w": "93",
+          "h": "92",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "312",
+          "y": "2099",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 93.43615480023936,
+              "y": -0.3125069158841143
+            },
+            "p1": {
+              "x": 0.3721318937656919,
+              "y": -0.11510123958051692
+            },
+            "p2": {
+              "x": 0.4079959933351347,
+              "y": 91.3271719088275
+            }
+          }
+        },
+        {
+          "ID": "849",
+          "typeID": "Arrow",
+          "zOrder": "20",
+          "w": "1",
+          "h": "335",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "483",
+          "y": "2092",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.44386240125497295,
+              "y": -0.00008403832147459113
+            },
+            "p2": {
+              "x": -0.08960632162677484,
+              "y": 334.9621447146401
+            }
+          }
+        },
+        {
+          "ID": "862",
+          "typeID": "Arrow",
+          "zOrder": "19",
+          "w": "108",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "308",
+          "y": "2291",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 108.3750139149488,
+              "y": -0.0681659336444227
+            },
+            "p1": {
+              "x": 0.44386240125497217,
+              "y": -0.00008403832147458816
+            },
+            "p2": {
+              "x": -0.08832384639828206,
+              "y": -0.06816593364419532
+            }
+          }
+        },
+        {
+          "ID": "863",
+          "typeID": "Arrow",
+          "zOrder": "18",
+          "w": "91",
+          "h": "36",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "308",
+          "y": "2306",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 91.10997746179538,
+              "y": 0.7692199145644736
+            },
+            "p1": {
+              "x": 0.4229833732907212,
+              "y": -0.08873008802946221
+            },
+            "p2": {
+              "x": -0.08832384639828206,
+              "y": 36.931834066355805
+            }
+          }
+        },
+        {
+          "ID": "864",
+          "typeID": "Arrow",
+          "zOrder": "16",
+          "w": "104",
+          "h": "88",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "317",
+          "y": "2313",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 103.72243111496118,
+              "y": -0.46745911125799466
+            },
+            "p1": {
+              "x": 0.47782144862436843,
+              "y": -0.1409320606400888
+            },
+            "p2": {
+              "x": -0.01734642023473043,
+              "y": 87.42318574494993
+            }
+          }
+        },
+        {
+          "ID": "865",
+          "typeID": "Arrow",
+          "zOrder": "17",
+          "w": "135",
+          "h": "143",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "317",
+          "y": "2311",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 135.42069647293772,
+              "y": 0.09171064519796346
+            },
+            "p1": {
+              "x": 0.46836937275312485,
+              "y": -0.12094221172935647
+            },
+            "p2": {
+              "x": -0.01734642023473043,
+              "y": 142.73390475609222
+            }
+          }
+        },
+        {
+          "ID": "870",
+          "typeID": "Arrow",
+          "zOrder": "162",
+          "w": "470",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "483",
+          "y": "2428",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.4438624012549728,
+              "y": -0.00008403832147459102
+            },
+            "p2": {
+              "x": 469.87027889846183,
+              "y": -0.4296378094932152
+            }
+          }
+        },
+        {
+          "ID": "881",
+          "typeID": "Arrow",
+          "zOrder": "15",
+          "w": "176",
+          "h": "2",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "985",
+          "y": "2423",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 176.47324905026585,
+              "y": 1.9318340663555773
+            },
+            "p1": {
+              "x": 0.44386240125497217,
+              "y": -0.00008403832147458779
+            },
+            "p2": {
+              "x": 0.3197308932175247,
+              "y": -0.10587036473589251
+            }
+          }
+        },
+        {
+          "ID": "888",
+          "typeID": "Arrow",
+          "zOrder": "14",
+          "w": "113",
+          "h": "43",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "988",
+          "y": "2437",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 113.47324905026585,
+              "y": 42.93183406635558
+            },
+            "p1": {
+              "x": 0.4101364760273669,
+              "y": -0.1010269060221101
+            },
+            "p2": {
+              "x": 0.39056482174328266,
+              "y": 0.0004863886106249993
+            }
+          }
+        },
+        {
+          "ID": "889",
+          "typeID": "Arrow",
+          "zOrder": "13",
+          "w": "122",
+          "h": "86",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "971",
+          "y": "2448",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 122.40706233405353,
+              "y": 86.2951826132512
+            },
+            "p1": {
+              "x": 0.47873269290585935,
+              "y": -0.13299810084318037
+            },
+            "p2": {
+              "x": 0.4026019888696055,
+              "y": -0.18899180865128073
+            }
+          }
+        },
+        {
+          "ID": "890",
+          "typeID": "Arrow",
+          "zOrder": "12",
+          "w": "154",
+          "h": "144",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "945",
+          "y": "2443",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 154.58450336418946,
+              "y": 143.8034313694061
+            },
+            "p1": {
+              "x": 0.5144511770068102,
+              "y": -0.1015604053836664
+            },
+            "p2": {
+              "x": 0.14847761079204247,
+              "y": 0.17792741874654894
+            }
+          }
+        },
+        {
+          "ID": "891",
+          "typeID": "Arrow",
+          "zOrder": "11",
+          "w": "1",
+          "h": "256",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "910",
+          "y": "2427",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.4438624012549732,
+              "y": -0.0000840383214745913
+            },
+            "p2": {
+              "x": -0.08960632162677484,
+              "y": 255.33802999995305
+            }
+          }
+        },
+        {
+          "ID": "908",
+          "typeID": "Arrow",
+          "zOrder": "10",
+          "w": "64",
+          "h": "17",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "759",
+          "y": "2564",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 63.9900773863493,
+              "y": -0.2700456131519786
+            },
+            "p1": {
+              "x": 0.563774640366701,
+              "y": -0.08056228327422194
+            },
+            "p2": {
+              "x": 0.19239696880276824,
+              "y": 16.742669164860217
+            }
+          }
+        },
+        {
+          "ID": "910",
+          "typeID": "Arrow",
+          "zOrder": "9",
+          "w": "62",
+          "h": "31",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "765",
+          "y": "2520",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 62.24325608085235,
+              "y": 30.970418303338647
+            },
+            "p1": {
+              "x": 0.5650797313394128,
+              "y": 0.1276883519269951
+            },
+            "p2": {
+              "x": -0.13669810519309067,
+              "y": -0.2195587896840152
+            }
+          }
+        },
+        {
+          "ID": "919",
+          "typeID": "Arrow",
+          "zOrder": "8",
+          "w": "112",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "990",
+          "y": "2669",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 111.57328187630219,
+              "y": 1.5025775369513212
+            },
+            "p1": {
+              "x": 0.44386240125497217,
+              "y": -0.00008403832147458538
+            },
+            "p2": {
+              "x": 0.028407864677205907,
+              "y": 0.008934925957419182
+            }
+          }
+        },
+        {
+          "ID": "920",
+          "typeID": "Arrow",
+          "zOrder": "7",
+          "w": "122",
+          "h": "45",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "980",
+          "y": "2682",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 121.57328187630219,
+              "y": 44.50257753695132
+            },
+            "p1": {
+              "x": 0.43683085172618286,
+              "y": -0.1132529561368935
+            },
+            "p2": {
+              "x": -0.3511740327866164,
+              "y": -0.15561261104085133
+            }
+          }
+        },
+        {
+          "ID": "921",
+          "typeID": "Arrow",
+          "zOrder": "6",
+          "w": "128",
+          "h": "91",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "971",
+          "y": "2688",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 128.5732818763022,
+              "y": 90.50257753695132
+            },
+            "p1": {
+              "x": 0.45180204490091613,
+              "y": -0.14551855684593223
+            },
+            "p2": {
+              "x": 0.14246857820717196,
+              "y": -0.48470768503648287
+            }
+          }
+        },
+        {
+          "ID": "924",
+          "typeID": "Arrow",
+          "zOrder": "5",
+          "w": "114",
+          "h": "140",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "981",
+          "y": "2698",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": 114.1935138345475,
+              "y": 139.57905234931604
+            },
+            "p1": {
+              "x": 0.4518020449009162,
+              "y": -0.14551855684593235
+            },
+            "p2": {
+              "x": 0.14246857820717196,
+              "y": -0.48470768503648287
+            }
+          }
+        },
+        {
+          "ID": "925",
+          "typeID": "Arrow",
+          "zOrder": "4",
+          "w": "582",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "275",
+          "y": "2679",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4112225218750609,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.4438624012549728,
+              "y": -0.00008403832147459091
+            },
+            "p2": {
+              "x": 582.8702788984618,
+              "y": -0.4296378094932152
+            }
+          }
+        },
+        {
+          "ID": "932",
+          "typeID": "Arrow",
+          "zOrder": "3",
+          "w": "1",
+          "h": "97",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "510",
+          "y": "2583",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4334510965777554
+            },
+            "p1": {
+              "x": 0.4438624012549733,
+              "y": -0.00008403832147459134
+            },
+            "p2": {
+              "x": -0.08960632162677484,
+              "y": 96.33802999995305
+            },
+            "stroke": "dotted"
+          }
+        },
+        {
+          "ID": "941",
+          "typeID": "Arrow",
+          "zOrder": "2",
+          "w": "1",
+          "h": "176",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "177",
+          "y": "2582",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4334510965777554
+            },
+            "p1": {
+              "x": 0.44386240125497334,
+              "y": -0.00008403832147459137
+            },
+            "p2": {
+              "x": -0.08960632162677484,
+              "y": 175.30919560737175
+            }
+          }
+        },
+        {
+          "ID": "942",
+          "typeID": "Arrow",
+          "zOrder": "1",
+          "w": "1",
+          "h": "167",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "301",
+          "y": "2690",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": -0.08960632162677484,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.4438624012549732,
+              "y": -0.00008403832147459133
+            },
+            "p2": {
+              "x": -0.08960632162677484,
+              "y": 166.35498605526027
+            }
+          }
+        },
+        {
+          "ID": "943",
+          "typeID": "Arrow",
+          "zOrder": "187",
+          "w": "421",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "303",
+          "y": "2856",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.4112225218750609,
+              "y": -0.4296378094932152
+            },
+            "p1": {
+              "x": 0.4438624012549727,
+              "y": -0.00008403832147459069
+            },
+            "p2": {
+              "x": 421.62183968255624,
+              "y": -0.4296378094932152
+            }
+          }
+        },
+        {
+          "ID": "944",
+          "typeID": "Arrow",
+          "zOrder": "188",
+          "w": "1",
+          "h": "127",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "726",
+          "y": "2856",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549733,
+              "y": -0.00008403832147458935
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 127.23845109075774
+            }
+          }
+        },
+        {
+          "ID": "945",
+          "typeID": "Label",
+          "zOrder": "189",
+          "measuredW": "187",
+          "measuredH": "36",
+          "x": "626",
+          "y": "3004",
+          "properties": {
+            "size": "28",
+            "text": "Keep Learning"
+          }
+        },
+        {
+          "ID": "946",
+          "typeID": "Arrow",
+          "zOrder": "190",
+          "w": "1",
+          "h": "102",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "724",
+          "y": "3062",
+          "properties": {
+            "color": "2848996",
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "p0": {
+              "x": 0.5,
+              "y": 0
+            },
+            "p1": {
+              "x": 0.4438624012549732,
+              "y": -0.00008403832147458892
+            },
+            "p2": {
+              "x": 0.5,
+              "y": 101.75422150989834
+            },
+            "stroke": "dotted"
+          }
+        },
+        {
+          "ID": "947",
+          "typeID": "__group__",
+          "zOrder": "191",
+          "measuredW": "353",
+          "measuredH": "160",
+          "w": "353",
+          "h": "160",
+          "x": "151",
+          "y": "241",
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "Canvas",
+                  "zOrder": "0",
+                  "w": "353",
+                  "h": "160",
+                  "measuredW": "100",
+                  "measuredH": "70",
+                  "x": "0",
+                  "y": "0"
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "184",
+                  "measuredH": "28",
+                  "x": "27",
+                  "y": "26",
+                  "properties": {
+                    "size": "20",
+                    "text": "Relevant Roadmaps"
+                  }
+                },
+                {
+                  "ID": "2",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "223",
+                  "measuredH": "27",
+                  "w": "223",
+                  "h": "27",
+                  "x": "29",
+                  "y": "69",
+                  "properties": {
+                    "controlName": "ext_link:roadmap.sh/react-native"
+                  },
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Label",
+                          "zOrder": "0",
+                          "measuredW": "190",
+                          "measuredH": "26",
+                          "x": "33",
+                          "y": "0",
+                          "properties": {
+                            "size": "18",
+                            "text": "React Native Roadmap"
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "__group__",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "w": "24",
+                          "h": "24",
+                          "x": "0",
+                          "y": "3",
+                          "children": {
+                            "controls": {
+                              "control": [
+                                {
+                                  "ID": "0",
+                                  "typeID": "Icon",
+                                  "zOrder": "0",
+                                  "measuredW": "24",
+                                  "measuredH": "24",
+                                  "x": "0",
+                                  "y": "0",
+                                  "properties": {
+                                    "color": "16777215",
+                                    "icon": {
+                                      "ID": "circle",
+                                      "size": "small"
+                                    }
+                                  }
+                                },
+                                {
+                                  "ID": "1",
+                                  "typeID": "Icon",
+                                  "zOrder": "1",
+                                  "measuredW": "24",
+                                  "measuredH": "24",
+                                  "x": "0",
+                                  "y": "0",
+                                  "properties": {
+                                    "color": "10066329",
+                                    "icon": {
+                                      "ID": "check-circle",
+                                      "size": "small"
+                                    }
+                                  }
+                                }
+                              ]
+                            }
+                          }
+                        }
+                      ]
+                    }
+                  }
+                },
+                {
+                  "ID": "3",
+                  "typeID": "__group__",
+                  "zOrder": "3",
+                  "measuredW": "170",
+                  "measuredH": "27",
+                  "w": "170",
+                  "h": "27",
+                  "x": "29",
+                  "y": "104",
+                  "properties": {
+                    "controlName": "ext_link:roadmap.sh/flutter"
+                  },
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Label",
+                          "zOrder": "0",
+                          "measuredW": "137",
+                          "measuredH": "26",
+                          "x": "33",
+                          "y": "0",
+                          "properties": {
+                            "size": "18",
+                            "text": "Flutter Roadmap"
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "__group__",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "w": "24",
+                          "h": "24",
+                          "x": "0",
+                          "y": "3",
+                          "children": {
+                            "controls": {
+                              "control": [
+                                {
+                                  "ID": "0",
+                                  "typeID": "Icon",
+                                  "zOrder": "0",
+                                  "measuredW": "24",
+                                  "measuredH": "24",
+                                  "x": "0",
+                                  "y": "0",
+                                  "properties": {
+                                    "color": "16777215",
+                                    "icon": {
+                                      "ID": "circle",
+                                      "size": "small"
+                                    }
+                                  }
+                                },
+                                {
+                                  "ID": "1",
+                                  "typeID": "Icon",
+                                  "zOrder": "1",
+                                  "measuredW": "24",
+                                  "measuredH": "24",
+                                  "x": "0",
+                                  "y": "0",
+                                  "properties": {
+                                    "color": "10066329",
+                                    "icon": {
+                                      "ID": "check-circle",
+                                      "size": "small"
+                                    }
+                                  }
+                                }
+                              ]
+                            }
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "948",
+          "typeID": "Arrow",
+          "zOrder": "192",
+          "w": "101",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "754",
+          "y": "201",
+          "properties": {
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "color": "16777215",
+            "p0": {
+              "x": 100.57841492806233,
+              "y": 0.15918378573792324
+            },
+            "p1": {
+              "x": 0.4438624012549726,
+              "y": -0.00008403832147459165
+            },
+            "p2": {
+              "x": 0,
+              "y": 0.15918378573792324
+            }
+          }
+        },
+        {
+          "ID": "949",
+          "typeID": "Arrow",
+          "zOrder": "193",
+          "w": "101",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "679",
+          "y": "3221",
+          "properties": {
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "color": "16777215",
+            "p0": {
+              "x": 100.57841492806233,
+              "y": 0.15918378573792324
+            },
+            "p1": {
+              "x": 0.4438624012549726,
+              "y": -0.00008403832147459165
+            },
+            "p2": {
+              "x": 0,
+              "y": 0.15918378573792324
+            }
+          }
+        },
+        {
+          "ID": "951",
+          "typeID": "Arrow",
+          "zOrder": "194",
+          "w": "101",
+          "h": "1",
+          "measuredW": "150",
+          "measuredH": "100",
+          "x": "87",
+          "y": "930",
+          "properties": {
+            "curvature": "-1",
+            "direction": "bottom",
+            "leftArrow": "false",
+            "rightArrow": "false",
+            "stroke": "dotted",
+            "color": "16777215",
+            "p0": {
+              "x": 100.57841492806233,
+              "y": 0.15918378573792324
+            },
+            "p1": {
+              "x": 0.4438624012549726,
+              "y": -0.00008403832147459165
+            },
+            "p2": {
+              "x": 0,
+              "y": 0.15918378573792324
+            }
+          }
+        },
+        {
+          "ID": "952",
+          "typeID": "__group__",
+          "zOrder": "74",
+          "measuredW": "204",
+          "measuredH": "50",
+          "w": "204",
+          "h": "50",
+          "x": "702",
+          "y": "462",
+          "properties": {
+            "controlName": "100-pick-a-language"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "204",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "129",
+                  "measuredH": "25",
+                  "x": "37",
+                  "y": "13",
+                  "properties": {
+                    "size": "17",
+                    "text": "Pick a Language"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "953",
+          "typeID": "__group__",
+          "zOrder": "75",
+          "measuredW": "131",
+          "measuredH": "49",
+          "w": "131",
+          "h": "49",
+          "x": "1042",
+          "y": "461",
+          "properties": {
+            "controlName": "100-pick-a-language:kotlin"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "120",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "43",
+                  "measuredH": "25",
+                  "x": "38",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Kotlin"
+                  }
+                },
+                {
+                  "ID": "2",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "24",
+                  "measuredH": "24",
+                  "w": "24",
+                  "h": "24",
+                  "x": "107",
+                  "y": "13",
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Icon",
+                          "zOrder": "0",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "16777215",
+                            "icon": {
+                              "ID": "circle",
+                              "size": "small"
+                            }
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "Icon",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "10027263",
+                            "icon": {
+                              "ID": "check-circle",
+                              "size": "small"
+                            }
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "954",
+          "typeID": "__group__",
+          "zOrder": "76",
+          "measuredW": "131",
+          "measuredH": "49",
+          "w": "131",
+          "h": "49",
+          "x": "1042",
+          "y": "513",
+          "properties": {
+            "controlName": "101-pick-a-language:java"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "120",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "36",
+                  "measuredH": "25",
+                  "x": "42",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Java"
+                  }
+                },
+                {
+                  "ID": "2",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "24",
+                  "measuredH": "24",
+                  "w": "24",
+                  "h": "24",
+                  "x": "107",
+                  "y": "12",
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Icon",
+                          "zOrder": "0",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "16777215",
+                            "icon": {
+                              "ID": "circle",
+                              "size": "small"
+                            }
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "Icon",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "icon": {
+                              "ID": "check-circle",
+                              "size": "small"
+                            },
+                            "color": "3700253"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "955",
+          "typeID": "__group__",
+          "zOrder": "77",
+          "measuredW": "204",
+          "measuredH": "50",
+          "w": "204",
+          "h": "50",
+          "x": "190",
+          "y": "665",
+          "properties": {
+            "controlName": "101-the-fundamentals"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "204",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "143",
+                  "measuredH": "25",
+                  "x": "30",
+                  "y": "13",
+                  "properties": {
+                    "size": "17",
+                    "text": "The Fundamentals"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "956",
+          "typeID": "__group__",
+          "zOrder": "78",
+          "measuredW": "327",
+          "measuredH": "49",
+          "w": "327",
+          "h": "49",
+          "x": "532",
+          "y": "563",
+          "properties": {
+            "controlName": "100-the-fundamentals:development-ide"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "327",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "136",
+                  "measuredH": "25",
+                  "x": "96",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Development IDE"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "957",
+          "typeID": "__group__",
+          "zOrder": "79",
+          "measuredW": "327",
+          "measuredH": "49",
+          "w": "327",
+          "h": "49",
+          "x": "532",
+          "y": "615",
+          "properties": {
+            "controlName": "101-the-fundamentals:basics-of-kotlin"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "327",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "118",
+                  "measuredH": "25",
+                  "x": "105",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Basics of Kotlin"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "958",
+          "typeID": "__group__",
+          "zOrder": "80",
+          "measuredW": "327",
+          "measuredH": "49",
+          "w": "327",
+          "h": "49",
+          "x": "532",
+          "y": "667",
+          "properties": {
+            "controlName": "102-the-fundamentals:basics-of-oop"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "327",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "112",
+                  "measuredH": "25",
+                  "x": "108",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Basics of OOP"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "959",
+          "typeID": "__group__",
+          "zOrder": "81",
+          "measuredW": "327",
+          "measuredH": "49",
+          "w": "327",
+          "h": "49",
+          "x": "532",
+          "y": "719",
+          "properties": {
+            "controlName": "103-the-fundamentals:datastructures-and-algorithms"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "327",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "235",
+                  "measuredH": "25",
+                  "x": "46",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "DataStructures and Algorithms"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "960",
+          "typeID": "__group__",
+          "zOrder": "82",
+          "measuredW": "327",
+          "measuredH": "49",
+          "w": "327",
+          "h": "49",
+          "x": "532",
+          "y": "771",
+          "properties": {
+            "controlName": "104-the-fundamentals:using-gradle"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "327",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "242",
+                  "measuredH": "25",
+                  "x": "43",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "What is and how to use Gradle?"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "961",
+          "typeID": "__group__",
+          "zOrder": "93",
+          "measuredW": "327",
+          "measuredH": "49",
+          "w": "327",
+          "h": "49",
+          "x": "532",
+          "y": "823",
+          "properties": {
+            "controlName": "105-the-fundamentals:hello-world-app"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "327",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "239",
+                  "measuredH": "25",
+                  "x": "44",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Create a basic Hello World App"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "962",
+          "typeID": "__group__",
+          "zOrder": "85",
+          "measuredW": "270",
+          "measuredH": "50",
+          "w": "270",
+          "h": "50",
+          "x": "1048",
+          "y": "800",
+          "properties": {
+            "controlName": "102-version-control"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "270",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "186",
+                  "measuredH": "25",
+                  "x": "42",
+                  "y": "13",
+                  "properties": {
+                    "size": "17",
+                    "text": "Version Control Systems"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "963",
+          "typeID": "__group__",
+          "zOrder": "86",
+          "measuredW": "87",
+          "measuredH": "49",
+          "w": "87",
+          "h": "49",
+          "x": "1048",
+          "y": "725",
+          "properties": {
+            "controlName": "100-version-control:git"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "87",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "22",
+                  "measuredH": "25",
+                  "x": "33",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Git"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "964",
+          "typeID": "__group__",
+          "zOrder": "59",
+          "measuredW": "151",
+          "measuredH": "49",
+          "w": "151",
+          "h": "49",
+          "x": "1178",
+          "y": "723",
+          "properties": {
+            "controlName": "101-version-control:github"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "140",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "54",
+                  "measuredH": "25",
+                  "x": "43",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "GitHub"
+                  }
+                },
+                {
+                  "ID": "2",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "24",
+                  "measuredH": "24",
+                  "w": "24",
+                  "h": "24",
+                  "x": "127",
+                  "y": "13",
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Icon",
+                          "zOrder": "0",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "16777215",
+                            "icon": {
+                              "ID": "circle",
+                              "size": "small"
+                            }
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "Icon",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "10027263",
+                            "icon": {
+                              "ID": "check-circle",
+                              "size": "small"
+                            }
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "965",
+          "typeID": "__group__",
+          "zOrder": "87",
+          "measuredW": "151",
+          "measuredH": "49",
+          "w": "151",
+          "h": "49",
+          "x": "1178",
+          "y": "672",
+          "properties": {
+            "controlName": "102-version-control:bitbucket"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "140",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "75",
+                  "measuredH": "25",
+                  "x": "32",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "BitBucket"
+                  }
+                },
+                {
+                  "ID": "2",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "24",
+                  "measuredH": "24",
+                  "w": "24",
+                  "h": "24",
+                  "x": "127",
+                  "y": "13",
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Icon",
+                          "zOrder": "0",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "16777215",
+                            "icon": {
+                              "ID": "circle",
+                              "size": "small"
+                            }
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "Icon",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "icon": {
+                              "ID": "check-circle",
+                              "size": "small"
+                            },
+                            "color": "3700253"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "966",
+          "typeID": "__group__",
+          "zOrder": "88",
+          "measuredW": "150",
+          "measuredH": "49",
+          "w": "150",
+          "h": "49",
+          "x": "1178",
+          "y": "620",
+          "properties": {
+            "controlName": "103-version-control:gitlab"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "140",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "51",
+                  "measuredH": "25",
+                  "x": "44",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "GitLab"
+                  }
+                },
+                {
+                  "ID": "2",
+                  "typeID": "__group__",
+                  "zOrder": "2",
+                  "measuredW": "24",
+                  "measuredH": "24",
+                  "w": "24",
+                  "h": "24",
+                  "x": "126",
+                  "y": "14",
+                  "children": {
+                    "controls": {
+                      "control": [
+                        {
+                          "ID": "0",
+                          "typeID": "Icon",
+                          "zOrder": "0",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "color": "16777215",
+                            "icon": {
+                              "ID": "circle",
+                              "size": "small"
+                            }
+                          }
+                        },
+                        {
+                          "ID": "1",
+                          "typeID": "Icon",
+                          "zOrder": "1",
+                          "measuredW": "24",
+                          "measuredH": "24",
+                          "x": "0",
+                          "y": "0",
+                          "properties": {
+                            "icon": {
+                              "ID": "check-circle",
+                              "size": "small"
+                            },
+                            "color": "3700253"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "967",
+          "typeID": "__group__",
+          "zOrder": "94",
+          "measuredW": "270",
+          "measuredH": "50",
+          "w": "270",
+          "h": "50",
+          "x": "694",
+          "y": "1022",
+          "properties": {
+            "controlName": "103-app-components"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "270",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "133",
+                  "measuredH": "25",
+                  "x": "68",
+                  "y": "13",
+                  "properties": {
+                    "size": "17",
+                    "text": "App Components"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "968",
+          "typeID": "__group__",
+          "zOrder": "95",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "420",
+          "y": "969",
+          "properties": {
+            "controlName": "100-app-components:activity"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "53",
+                  "measuredH": "25",
+                  "x": "67",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Activity"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "969",
+          "typeID": "__group__",
+          "zOrder": "99",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "420",
+          "y": "1022",
+          "properties": {
+            "controlName": "101-app-components:services"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "67",
+                  "measuredH": "25",
+                  "x": "60",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Services"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "970",
+          "typeID": "__group__",
+          "zOrder": "100",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "420",
+          "y": "1074",
+          "properties": {
+            "controlName": "102-app-components:content-provider"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "130",
+                  "measuredH": "25",
+                  "x": "29",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Content Provider"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "971",
+          "typeID": "__group__",
+          "zOrder": "101",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "420",
+          "y": "1126",
+          "properties": {
+            "controlName": "103-app-components:broadcast-receiver"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "153",
+                  "measuredH": "25",
+                  "x": "17",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Broadcast Receiver"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "972",
+          "typeID": "__group__",
+          "zOrder": "102",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "420",
+          "y": "1179",
+          "properties": {
+            "controlName": "104-app-components:intent"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "45",
+                  "measuredH": "25",
+                  "x": "71",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Intent"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "973",
+          "typeID": "__group__",
+          "zOrder": "96",
+          "measuredW": "197",
+          "measuredH": "49",
+          "w": "197",
+          "h": "49",
+          "x": "131",
+          "y": "962",
+          "properties": {
+            "controlName": "100-app-components:activity:activity-lifecycle"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "197",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "124",
+                  "measuredH": "25",
+                  "x": "37",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Activity Lifecycle"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "974",
+          "typeID": "__group__",
+          "zOrder": "97",
+          "measuredW": "197",
+          "measuredH": "49",
+          "w": "197",
+          "h": "49",
+          "x": "131",
+          "y": "1013",
+          "properties": {
+            "controlName": "101-app-components:activity:state-changes"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "197",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "114",
+                  "measuredH": "25",
+                  "x": "42",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "State Changes"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "975",
+          "typeID": "__group__",
+          "zOrder": "98",
+          "measuredW": "197",
+          "measuredH": "49",
+          "w": "197",
+          "h": "49",
+          "x": "131",
+          "y": "1064",
+          "properties": {
+            "controlName": "102-app-components:activity:tasks-backstack"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "197",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "161",
+                  "measuredH": "25",
+                  "x": "18",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Tasks and Backstack"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "976",
+          "typeID": "__group__",
+          "zOrder": "103",
+          "measuredW": "197",
+          "measuredH": "49",
+          "w": "197",
+          "h": "49",
+          "x": "131",
+          "y": "1129",
+          "properties": {
+            "controlName": "100-app-components:intent:implicit-intents"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "197",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "113",
+                  "measuredH": "25",
+                  "x": "42",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Implicit Intents"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "977",
+          "typeID": "__group__",
+          "zOrder": "104",
+          "measuredW": "197",
+          "measuredH": "49",
+          "w": "197",
+          "h": "49",
+          "x": "131",
+          "y": "1180",
+          "properties": {
+            "controlName": "101-app-components:intent:explicit-intents"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "197",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "113",
+                  "measuredH": "25",
+                  "x": "42",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Explicit Intents"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "978",
+          "typeID": "__group__",
+          "zOrder": "105",
+          "measuredW": "197",
+          "measuredH": "49",
+          "w": "197",
+          "h": "49",
+          "x": "131",
+          "y": "1231",
+          "properties": {
+            "controlName": "102-app-components:intent:intent-filters"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "197",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "97",
+                  "measuredH": "25",
+                  "x": "50",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Intent Filters"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "979",
+          "typeID": "__group__",
+          "zOrder": "106",
+          "measuredW": "270",
+          "measuredH": "50",
+          "w": "270",
+          "h": "50",
+          "x": "694",
+          "y": "1320",
+          "properties": {
+            "controlName": "104-interface-and-navigation"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "270",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "191",
+                  "measuredH": "25",
+                  "x": "39",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Interface and Navigation"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "980",
+          "typeID": "__group__",
+          "zOrder": "107",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1124",
+          "y": "1068",
+          "properties": {
+            "controlName": "100-interface-and-navigation:layouts:frame"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "50",
+                  "measuredH": "25",
+                  "x": "69",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Frame"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "981",
+          "typeID": "__group__",
+          "zOrder": "108",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1124",
+          "y": "1121",
+          "properties": {
+            "controlName": "101-interface-and-navigation:layouts:linear"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "50",
+                  "measuredH": "25",
+                  "x": "69",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Linear"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "982",
+          "typeID": "__group__",
+          "zOrder": "109",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1124",
+          "y": "1173",
+          "properties": {
+            "controlName": "102-interface-and-navigation:layouts:relative"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "63",
+                  "measuredH": "25",
+                  "x": "62",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Relative"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "983",
+          "typeID": "__group__",
+          "zOrder": "110",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1124",
+          "y": "1225",
+          "properties": {
+            "controlName": "103-interface-and-navigation:layouts:constraint"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "80",
+                  "measuredH": "25",
+                  "x": "54",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Constraint"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "984",
+          "typeID": "__group__",
+          "zOrder": "117",
+          "measuredW": "188",
+          "measuredH": "49",
+          "w": "188",
+          "h": "49",
+          "x": "1123",
+          "y": "1277",
+          "properties": {
+            "controlName": "104-interface-and-navigation:layouts:recycle-view"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "188",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "98",
+                  "measuredH": "25",
+                  "x": "45",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "RecycleView"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "985",
+          "typeID": "__group__",
+          "zOrder": "111",
+          "measuredW": "158",
+          "measuredH": "49",
+          "w": "158",
+          "h": "49",
+          "x": "133",
+          "y": "1322",
+          "properties": {
+            "controlName": "100-interface-and-navigation:elements:text-view"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "158",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "68",
+                  "measuredH": "25",
+                  "x": "44",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "TextView"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "986",
+          "typeID": "__group__",
+          "zOrder": "112",
+          "measuredW": "158",
+          "measuredH": "49",
+          "w": "158",
+          "h": "49",
+          "x": "133",
+          "y": "1374",
+          "properties": {
+            "controlName": "101-interface-and-navigation:elements:edit-text"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "158",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "62",
+                  "measuredH": "25",
+                  "x": "48",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "EditText"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "987",
+          "typeID": "__group__",
+          "zOrder": "113",
+          "measuredW": "158",
+          "measuredH": "49",
+          "w": "158",
+          "h": "49",
+          "x": "133",
+          "y": "1427",
+          "properties": {
+            "controlName": "102-interface-and-navigation:elements:buttons"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "158",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "60",
+                  "measuredH": "25",
+                  "x": "49",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Buttons"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "988",
+          "typeID": "__group__",
+          "zOrder": "114",
+          "measuredW": "158",
+          "measuredH": "49",
+          "w": "158",
+          "h": "49",
+          "x": "133",
+          "y": "1479",
+          "properties": {
+            "controlName": "103-interface-and-navigation:elements:image-view"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "158",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "85",
+                  "measuredH": "25",
+                  "x": "36",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "ImageView"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "989",
+          "typeID": "__group__",
+          "zOrder": "116",
+          "measuredW": "158",
+          "measuredH": "49",
+          "w": "158",
+          "h": "49",
+          "x": "133",
+          "y": "1532",
+          "properties": {
+            "controlName": "104-interface-and-navigation:elements:list-view"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "158",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "64",
+                  "measuredH": "25",
+                  "x": "47",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "ListView"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "990",
+          "typeID": "__group__",
+          "zOrder": "123",
+          "measuredW": "158",
+          "measuredH": "49",
+          "w": "158",
+          "h": "49",
+          "x": "133",
+          "y": "1586",
+          "properties": {
+            "controlName": "105-interface-and-navigation:elements:tabs"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "158",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "37",
+                  "measuredH": "25",
+                  "x": "60",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Tabs"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "991",
+          "typeID": "__group__",
+          "zOrder": "118",
+          "measuredW": "156",
+          "measuredH": "49",
+          "w": "156",
+          "h": "49",
+          "x": "295",
+          "y": "1323",
+          "properties": {
+            "controlName": "106-interface-and-navigation:elements:fragments"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "156",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "83",
+                  "measuredH": "25",
+                  "x": "36",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Fragments"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "992",
+          "typeID": "__group__",
+          "zOrder": "119",
+          "measuredW": "156",
+          "measuredH": "49",
+          "w": "156",
+          "h": "49",
+          "x": "295",
+          "y": "1376",
+          "properties": {
+            "controlName": "107-interface-and-navigation:elements:dialogs"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "156",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "58",
+                  "measuredH": "25",
+                  "x": "49",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Dialogs"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "993",
+          "typeID": "__group__",
+          "zOrder": "120",
+          "measuredW": "156",
+          "measuredH": "49",
+          "w": "156",
+          "h": "49",
+          "x": "295",
+          "y": "1428",
+          "properties": {
+            "controlName": "108-interface-and-navigation:elements:toast"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "156",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "42",
+                  "measuredH": "25",
+                  "x": "57",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Toast"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "994",
+          "typeID": "__group__",
+          "zOrder": "121",
+          "measuredW": "156",
+          "measuredH": "49",
+          "w": "156",
+          "h": "49",
+          "x": "295",
+          "y": "1481",
+          "properties": {
+            "controlName": "109-interface-and-navigation:elements:bottom-sheet"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "156",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "105",
+                  "measuredH": "25",
+                  "x": "25",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Bottom Sheet"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "995",
+          "typeID": "__group__",
+          "zOrder": "122",
+          "measuredW": "156",
+          "measuredH": "49",
+          "w": "156",
+          "h": "49",
+          "x": "295",
+          "y": "1535",
+          "properties": {
+            "controlName": "110-interface-and-navigation:elements:drawer"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "156",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "56",
+                  "measuredH": "25",
+                  "x": "50",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Drawer"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "996",
+          "typeID": "__group__",
+          "zOrder": "126",
+          "measuredW": "157",
+          "measuredH": "49",
+          "w": "157",
+          "h": "49",
+          "x": "294",
+          "y": "1588",
+          "properties": {
+            "controlName": "111-interface-and-navigation:elements:animations"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "157",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "85",
+                  "measuredH": "25",
+                  "x": "36",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Animations"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "997",
+          "typeID": "__group__",
+          "zOrder": "127",
+          "measuredW": "262",
+          "measuredH": "49",
+          "w": "262",
+          "h": "49",
+          "x": "687",
+          "y": "1445",
+          "properties": {
+            "controlName": "100-interface-and-navigation:jetpack-compose"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "262",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "140",
+                  "measuredH": "25",
+                  "x": "61",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Jetpack Compose"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "998",
+          "typeID": "__group__",
+          "zOrder": "125",
+          "measuredW": "262",
+          "measuredH": "49",
+          "w": "262",
+          "h": "49",
+          "x": "687",
+          "y": "1535",
+          "properties": {
+            "controlName": "101-interface-and-navigation:app-shortcuts"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "262",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "108",
+                  "measuredH": "25",
+                  "x": "77",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "App Shortcuts"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "999",
+          "typeID": "__group__",
+          "zOrder": "128",
+          "measuredW": "262",
+          "measuredH": "49",
+          "w": "262",
+          "h": "49",
+          "x": "688",
+          "y": "1588",
+          "properties": {
+            "controlName": "102-interface-and-navigation:navigation-components"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "262",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "186",
+                  "measuredH": "25",
+                  "x": "38",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Navigation Components"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1000",
+          "typeID": "__group__",
+          "zOrder": "129",
+          "measuredW": "306",
+          "measuredH": "50",
+          "w": "306",
+          "h": "50",
+          "x": "688",
+          "y": "1720",
+          "properties": {
+            "controlName": "105-design-architecture"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "306",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "254",
+                  "measuredH": "25",
+                  "x": "26",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Architecture and Design Patterns"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1001",
+          "typeID": "__group__",
+          "zOrder": "131",
+          "measuredW": "243",
+          "measuredH": "49",
+          "w": "243",
+          "h": "49",
+          "x": "339",
+          "y": "1722",
+          "properties": {
+            "controlName": "100-design-architecture:repository-pattern"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "243",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "143",
+                  "measuredH": "25",
+                  "x": "50",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Repository Pattern"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1002",
+          "typeID": "__group__",
+          "zOrder": "132",
+          "measuredW": "243",
+          "measuredH": "49",
+          "w": "243",
+          "h": "49",
+          "x": "339",
+          "y": "1774",
+          "properties": {
+            "controlName": "101-design-architecture:builder-pattern"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "243",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "116",
+                  "measuredH": "25",
+                  "x": "64",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Builder Pattern"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1003",
+          "typeID": "__group__",
+          "zOrder": "134",
+          "measuredW": "243",
+          "measuredH": "49",
+          "w": "243",
+          "h": "49",
+          "x": "338",
+          "y": "1827",
+          "properties": {
+            "controlName": "102-design-architecture:observer-pattern"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "243",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "132",
+                  "measuredH": "25",
+                  "x": "56",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Observer Pattern"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1004",
+          "typeID": "__group__",
+          "zOrder": "135",
+          "measuredW": "243",
+          "measuredH": "49",
+          "w": "243",
+          "h": "49",
+          "x": "338",
+          "y": "1879",
+          "properties": {
+            "controlName": "103-design-architecture:dependency-injection"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "243",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "168",
+                  "measuredH": "25",
+                  "x": "38",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Dependency Injection"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1005",
+          "typeID": "__group__",
+          "zOrder": "133",
+          "measuredW": "243",
+          "measuredH": "49",
+          "w": "243",
+          "h": "49",
+          "x": "338",
+          "y": "1931",
+          "properties": {
+            "controlName": "104-design-architecture:factory-pattern"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "243",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "117",
+                  "measuredH": "25",
+                  "x": "63",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Factory Pattern"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1007",
+          "typeID": "__group__",
+          "zOrder": "136",
+          "measuredW": "170",
+          "measuredH": "49",
+          "w": "170",
+          "h": "49",
+          "x": "130",
+          "y": "1719",
+          "properties": {
+            "controlName": "100-design-architecture:observer-pattern:flow"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "170",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "35",
+                  "measuredH": "25",
+                  "x": "67",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Flow"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1013",
+          "typeID": "__group__",
+          "zOrder": "137",
+          "measuredW": "85",
+          "measuredH": "49",
+          "w": "85",
+          "h": "49",
+          "x": "130",
+          "y": "1771",
+          "properties": {
+            "controlName": "101-design-architecture:observer-pattern:rxjava"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "85",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "56",
+                  "measuredH": "25",
+                  "x": "15",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "RxJava"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1014",
+          "typeID": "__group__",
+          "zOrder": "0",
+          "measuredW": "81",
+          "measuredH": "49",
+          "w": "81",
+          "h": "49",
+          "x": "220",
+          "y": "1771",
+          "properties": {
+            "controlName": "102-design-architecture:observer-pattern:rxkotlin"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "81",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "63",
+                  "measuredH": "25",
+                  "x": "9",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "RxKotlin"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1015",
+          "typeID": "__group__",
+          "zOrder": "138",
+          "measuredW": "171",
+          "measuredH": "49",
+          "w": "171",
+          "h": "49",
+          "x": "129",
+          "y": "1823",
+          "properties": {
+            "controlName": "103-design-architecture:observer-pattern:livedata"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "171",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "68",
+                  "measuredH": "25",
+                  "x": "52",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "LiveData"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1016",
+          "typeID": "__group__",
+          "zOrder": "139",
+          "measuredW": "171",
+          "measuredH": "49",
+          "w": "171",
+          "h": "49",
+          "x": "129",
+          "y": "1880",
+          "properties": {
+            "controlName": "100-design-architecture:dependency-injection:dagger"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "171",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "58",
+                  "measuredH": "25",
+                  "x": "57",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Dagger"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1017",
+          "typeID": "__group__",
+          "zOrder": "140",
+          "measuredW": "87",
+          "measuredH": "49",
+          "w": "87",
+          "h": "49",
+          "x": "129",
+          "y": "1932",
+          "properties": {
+            "controlName": "101-design-architecture:dependency-injection:hilt"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "87",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "26",
+                  "measuredH": "25",
+                  "x": "31",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Hilt"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1018",
+          "typeID": "__group__",
+          "zOrder": "142",
+          "measuredW": "80",
+          "measuredH": "49",
+          "w": "80",
+          "h": "49",
+          "x": "219",
+          "y": "1932",
+          "properties": {
+            "controlName": "102-design-architecture:dependency-injection:koin"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "80",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "34",
+                  "measuredH": "25",
+                  "x": "23",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Koin"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1019",
+          "typeID": "__group__",
+          "zOrder": "141",
+          "measuredW": "171",
+          "measuredH": "49",
+          "w": "171",
+          "h": "49",
+          "x": "129",
+          "y": "1984",
+          "properties": {
+            "controlName": "103-design-architecture:dependency-injection:kodein"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "171",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "54",
+                  "measuredH": "25",
+                  "x": "59",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Kodein"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1020",
+          "typeID": "__group__",
+          "zOrder": "92",
+          "measuredW": "62",
+          "measuredH": "49",
+          "w": "62",
+          "h": "49",
+          "x": "698",
+          "y": "1827",
+          "properties": {
+            "controlName": "100-design-architecture:architectural-patterns:mvi"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "62",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "31",
+                  "measuredH": "25",
+                  "x": "16",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "MVI"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1021",
+          "typeID": "__group__",
+          "zOrder": "91",
+          "measuredW": "75",
+          "measuredH": "49",
+          "w": "75",
+          "h": "49",
+          "x": "765",
+          "y": "1827",
+          "properties": {
+            "controlName": "101-design-architecture:architectural-patterns:mvvm"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "75",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "51",
+                  "measuredH": "25",
+                  "x": "14",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "MVVM"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1022",
+          "typeID": "__group__",
+          "zOrder": "90",
+          "measuredW": "64",
+          "measuredH": "49",
+          "w": "64",
+          "h": "49",
+          "x": "843",
+          "y": "1827",
+          "properties": {
+            "controlName": "102-design-architecture:architectural-patterns:mvp"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "64",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "36",
+                  "measuredH": "25",
+                  "x": "14",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "MVP"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1023",
+          "typeID": "__group__",
+          "zOrder": "89",
+          "measuredW": "65",
+          "measuredH": "49",
+          "w": "65",
+          "h": "49",
+          "x": "912",
+          "y": "1827",
+          "properties": {
+            "controlName": "103-design-architecture:architectural-patterns:mvc"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "65",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "37",
+                  "measuredH": "25",
+                  "x": "14",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "MVC"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1024",
+          "typeID": "__group__",
+          "zOrder": "146",
+          "measuredW": "184",
+          "measuredH": "50",
+          "w": "184",
+          "h": "50",
+          "x": "822",
+          "y": "2057",
+          "properties": {
+            "controlName": "106-storage"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "184",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "61",
+                  "measuredH": "25",
+                  "x": "61",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Storage"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1025",
+          "typeID": "__group__",
+          "zOrder": "147",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "820",
+          "y": "1958",
+          "properties": {
+            "controlName": "100-storage:shared-preferences"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "154",
+                  "measuredH": "25",
+                  "x": "17",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Shared Preferences"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1026",
+          "typeID": "__group__",
+          "zOrder": "148",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "820",
+          "y": "2156",
+          "properties": {
+            "controlName": "101-storage:datastore"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "78",
+                  "measuredH": "25",
+                  "x": "55",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "DataStore"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1027",
+          "typeID": "__group__",
+          "zOrder": "149",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "820",
+          "y": "2209",
+          "properties": {
+            "controlName": "102-storage:room"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "125",
+                  "measuredH": "25",
+                  "x": "31",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Room Database"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1028",
+          "typeID": "__group__",
+          "zOrder": "150",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "820",
+          "y": "2262",
+          "properties": {
+            "controlName": "103-storage:file-system"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "88",
+                  "measuredH": "25",
+                  "x": "50",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "File System"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1029",
+          "typeID": "__group__",
+          "zOrder": "151",
+          "measuredW": "184",
+          "measuredH": "50",
+          "w": "184",
+          "h": "50",
+          "x": "393",
+          "y": "2057",
+          "properties": {
+            "controlName": "107-network"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "184",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "64",
+                  "measuredH": "25",
+                  "x": "61",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Network"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1030",
+          "typeID": "__group__",
+          "zOrder": "152",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "136",
+          "y": "2057",
+          "properties": {
+            "controlName": "100-network:retrofit"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "57",
+                  "measuredH": "25",
+                  "x": "65",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Retrofit"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1031",
+          "typeID": "__group__",
+          "zOrder": "153",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "136",
+          "y": "2111",
+          "properties": {
+            "controlName": "101-network:okhttp"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "55",
+                  "measuredH": "25",
+                  "x": "66",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "OkHttp"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1032",
+          "typeID": "__group__",
+          "zOrder": "154",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "136",
+          "y": "2163",
+          "properties": {
+            "controlName": "102-network:apollo-android"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "112",
+                  "measuredH": "25",
+                  "x": "38",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Apollo-Android"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1033",
+          "typeID": "__group__",
+          "zOrder": "155",
+          "measuredW": "184",
+          "measuredH": "50",
+          "w": "184",
+          "h": "50",
+          "x": "393",
+          "y": "2267",
+          "properties": {
+            "controlName": "108-asynchronism"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "184",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "106",
+                  "measuredH": "25",
+                  "x": "39",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Asynchronism"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1034",
+          "typeID": "__group__",
+          "zOrder": "156",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "136",
+          "y": "2267",
+          "properties": {
+            "controlName": "100-asynchronism:coroutines"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "84",
+                  "measuredH": "25",
+                  "x": "52",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Coroutines"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1035",
+          "typeID": "__group__",
+          "zOrder": "157",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "136",
+          "y": "2319",
+          "properties": {
+            "controlName": "101-asynchronism:threads"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "63",
+                  "measuredH": "25",
+                  "x": "62",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Threads"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1036",
+          "typeID": "__group__",
+          "zOrder": "158",
+          "measuredW": "79",
+          "measuredH": "49",
+          "w": "79",
+          "h": "49",
+          "x": "136",
+          "y": "2372",
+          "properties": {
+            "controlName": "102-asynchronism:rxjava"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "79",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "56",
+                  "measuredH": "25",
+                  "x": "12",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "RxJava"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1037",
+          "typeID": "__group__",
+          "zOrder": "159",
+          "measuredW": "105",
+          "measuredH": "49",
+          "w": "105",
+          "h": "49",
+          "x": "219",
+          "y": "2372",
+          "properties": {
+            "controlName": "103-asynchronism:rxkotlin"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "105",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "63",
+                  "measuredH": "25",
+                  "x": "21",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "RxKotlin"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1038",
+          "typeID": "__group__",
+          "zOrder": "160",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "137",
+          "y": "2425",
+          "properties": {
+            "controlName": "104-asynchronism:work-manager"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "109",
+                  "measuredH": "25",
+                  "x": "38",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "WorkManager"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1039",
+          "typeID": "__group__",
+          "zOrder": "163",
+          "measuredW": "184",
+          "measuredH": "50",
+          "w": "184",
+          "h": "50",
+          "x": "817",
+          "y": "2401",
+          "properties": {
+            "controlName": "109-common-services"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "184",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "140",
+                  "measuredH": "25",
+                  "x": "23",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Common Services"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1040",
+          "typeID": "__group__",
+          "zOrder": "161",
+          "measuredW": "209",
+          "measuredH": "320",
+          "w": "209",
+          "h": "320",
+          "x": "1090",
+          "y": "2130",
+          "properties": {
+            "controlName": "100-common-services:firebase"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "209",
+                  "h": "320",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0"
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "68",
+                  "measuredH": "25",
+                  "x": "70",
+                  "y": "281",
+                  "properties": {
+                    "size": "17",
+                    "text": "Firebase"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1041",
+          "typeID": "__group__",
+          "zOrder": "164",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1101",
+          "y": "2142",
+          "properties": {
+            "controlName": "100-common-services:firebase:authentication"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "111",
+                  "measuredH": "25",
+                  "x": "38",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Authentication"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1042",
+          "typeID": "__group__",
+          "zOrder": "165",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1101",
+          "y": "2194",
+          "properties": {
+            "controlName": "101-common-services:firebase:crashlytics"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "84",
+                  "measuredH": "25",
+                  "x": "52",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Crashlytics"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1043",
+          "typeID": "__group__",
+          "zOrder": "166",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1101",
+          "y": "2245",
+          "properties": {
+            "controlName": "102-common-services:firebase:remote-config"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "115",
+                  "measuredH": "25",
+                  "x": "36",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Remote Config"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1044",
+          "typeID": "__group__",
+          "zOrder": "167",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1101",
+          "y": "2296",
+          "properties": {
+            "controlName": "103-common-services:firebase:cloud-messaging"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "134",
+                  "measuredH": "25",
+                  "x": "27",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Cloud Messaging"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1045",
+          "typeID": "__group__",
+          "zOrder": "168",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "1101",
+          "y": "2348",
+          "properties": {
+            "controlName": "104-common-services:firebase:fire-store"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "71",
+                  "measuredH": "25",
+                  "x": "58",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "FireStore"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1046",
+          "typeID": "__group__",
+          "zOrder": "169",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2456",
+          "properties": {
+            "controlName": "101-common-services:google-admob"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "114",
+                  "measuredH": "25",
+                  "x": "47",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Google AdMob"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1047",
+          "typeID": "__group__",
+          "zOrder": "170",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2509",
+          "properties": {
+            "controlName": "102-common-services:google-play-services"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "162",
+                  "measuredH": "25",
+                  "x": "23",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Google Play Services"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1048",
+          "typeID": "__group__",
+          "zOrder": "171",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2561",
+          "properties": {
+            "controlName": "103-common-services:google-maps"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "103",
+                  "measuredH": "25",
+                  "x": "52",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Google Maps"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1049",
+          "typeID": "__group__",
+          "zOrder": "172",
+          "measuredW": "184",
+          "measuredH": "50",
+          "w": "184",
+          "h": "50",
+          "x": "817",
+          "y": "2527",
+          "properties": {
+            "controlName": "110-linting"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "184",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "52",
+                  "measuredH": "25",
+                  "x": "70",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Linting"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1050",
+          "typeID": "__group__",
+          "zOrder": "173",
+          "measuredW": "112",
+          "measuredH": "49",
+          "w": "112",
+          "h": "49",
+          "x": "658",
+          "y": "2499",
+          "properties": {
+            "controlName": "100-linting:ktlint"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "112",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "39",
+                  "measuredH": "25",
+                  "x": "36",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Ktlint"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1051",
+          "typeID": "__group__",
+          "zOrder": "174",
+          "measuredW": "112",
+          "measuredH": "49",
+          "w": "112",
+          "h": "49",
+          "x": "658",
+          "y": "2551",
+          "properties": {
+            "controlName": "101-linting:detekt"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "112",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "51",
+                  "measuredH": "25",
+                  "x": "30",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Detekt"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1052",
+          "typeID": "__group__",
+          "zOrder": "175",
+          "measuredW": "184",
+          "measuredH": "50",
+          "w": "184",
+          "h": "50",
+          "x": "817",
+          "y": "2654",
+          "properties": {
+            "controlName": "111-debugging"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "184",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "85",
+                  "measuredH": "25",
+                  "x": "49",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Debugging"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1053",
+          "typeID": "__group__",
+          "zOrder": "176",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2646",
+          "properties": {
+            "controlName": "100-debugging:timber"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "54",
+                  "measuredH": "25",
+                  "x": "77",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Timber"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1054",
+          "typeID": "__group__",
+          "zOrder": "177",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2701",
+          "properties": {
+            "controlName": "101-debugging:leak-canary"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "97",
+                  "measuredH": "25",
+                  "x": "55",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Leak Canary"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1055",
+          "typeID": "__group__",
+          "zOrder": "178",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2753",
+          "properties": {
+            "controlName": "102-debugging:chucker"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "65",
+                  "measuredH": "25",
+                  "x": "71",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Chucker"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1056",
+          "typeID": "__group__",
+          "zOrder": "179",
+          "measuredW": "208",
+          "measuredH": "49",
+          "w": "208",
+          "h": "49",
+          "x": "1091",
+          "y": "2806",
+          "properties": {
+            "controlName": "103-debugging:jetpack-benchmark"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "208",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "154",
+                  "measuredH": "25",
+                  "x": "32",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Jetpack Benchmark"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1057",
+          "typeID": "__group__",
+          "zOrder": "180",
+          "measuredW": "135",
+          "measuredH": "50",
+          "w": "135",
+          "h": "50",
+          "x": "442",
+          "y": "2654",
+          "properties": {
+            "controlName": "112-testing"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "135",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "56",
+                  "measuredH": "25",
+                  "x": "40",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Testing"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1058",
+          "typeID": "__group__",
+          "zOrder": "182",
+          "measuredW": "135",
+          "measuredH": "49",
+          "w": "135",
+          "h": "49",
+          "x": "442",
+          "y": "2521",
+          "properties": {
+            "controlName": "100-testing:espresso"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "135",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "72",
+                  "measuredH": "25",
+                  "x": "32",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Espresso"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1059",
+          "typeID": "__group__",
+          "zOrder": "181",
+          "measuredW": "135",
+          "measuredH": "49",
+          "w": "135",
+          "h": "49",
+          "x": "442",
+          "y": "2574",
+          "properties": {
+            "controlName": "101-testing:junit"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "135",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "41",
+                  "measuredH": "25",
+                  "x": "47",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "JUnit"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1060",
+          "typeID": "__group__",
+          "zOrder": "183",
+          "measuredW": "187",
+          "measuredH": "50",
+          "w": "187",
+          "h": "50",
+          "x": "137",
+          "y": "2654",
+          "properties": {
+            "controlName": "113-distribution"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "50",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16776960"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "88",
+                  "measuredH": "25",
+                  "x": "50",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Distribution"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1061",
+          "typeID": "__group__",
+          "zOrder": "185",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "137",
+          "y": "2575",
+          "properties": {
+            "controlName": "100-distribution:google-playstore"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "131",
+                  "measuredH": "25",
+                  "x": "28",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Google Playstore"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1062",
+          "typeID": "__group__",
+          "zOrder": "186",
+          "measuredW": "187",
+          "measuredH": "49",
+          "w": "187",
+          "h": "49",
+          "x": "137",
+          "y": "2523",
+          "properties": {
+            "controlName": "101-distribution:firebase-distribution"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "187",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "160",
+                  "measuredH": "25",
+                  "x": "14",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Firebase Distribution"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "ID": "1063",
+          "typeID": "__group__",
+          "zOrder": "184",
+          "measuredW": "129",
+          "measuredH": "49",
+          "w": "129",
+          "h": "49",
+          "x": "137",
+          "y": "2726",
+          "properties": {
+            "controlName": "102-distribution:signed-apk"
+          },
+          "children": {
+            "controls": {
+              "control": [
+                {
+                  "ID": "0",
+                  "typeID": "TextArea",
+                  "zOrder": "0",
+                  "w": "129",
+                  "h": "49",
+                  "measuredW": "200",
+                  "measuredH": "140",
+                  "x": "0",
+                  "y": "0",
+                  "properties": {
+                    "color": "16770457"
+                  }
+                },
+                {
+                  "ID": "1",
+                  "typeID": "Label",
+                  "zOrder": "1",
+                  "measuredW": "91",
+                  "measuredH": "25",
+                  "x": "18",
+                  "y": "12",
+                  "properties": {
+                    "size": "17",
+                    "text": "Signed APK"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ]
+    },
+    "attributes": {
+      "name": "New Wireframe 1 copy 2",
+      "order": 1000018.3019863295,
+      "parentID": null,
+      "notes": ""
+    },
+    "branchID": "Master",
+    "resourceID": "7BDB8D3D-BEB5-4A58-BF91-F519F8754661",
+    "mockupH": "3021",
+    "mockupW": "1325",
+    "measuredW": "1412",
+    "measuredH": "3222",
+    "version": "1.0"
+  },
+  "groupOffset": {
+    "x": 0,
+    "y": 0
+  },
+  "dependencies": [],
+  "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/Android%20Roadmap.bmpr"
+}
\ No newline at end of file
diff --git a/src/data/roadmaps/android/android.md b/src/data/roadmaps/android/android.md
index edcad1521..eb5f6322e 100644
--- a/src/data/roadmaps/android/android.md
+++ b/src/data/roadmaps/android/android.md
@@ -5,13 +5,17 @@ briefTitle: 'Android'
 briefDescription: 'Step by step guide to becoming an Android Developer in 2023'
 title: 'Android Developer'
 description: 'Step by step guide to becoming an Android developer in 2023'
-hasTopics: false
+hasTopics: true
+isNew: true
+dimensions:
+  width: 968
+  height: 2197.76
 schema:
   headline: 'Android Developer Roadmap'
   description: 'Learn how to become a Android Developer with this interactive step by step guide in 2023. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.'
   imageUrl: 'https://roadmap.sh/roadmaps/android.png'
-  datePublished: '2023-01-05'
-  dateModified: '2023-01-20'
+  datePublished: '2023-01-24'
+  dateModified: '2023-10-24'
 seo:
   title: 'Android Developer Roadmap: Learn to become an Android developer'
   description: 'Community driven, articles, resources, guides, interview questions, quizzes for android development. Learn to become a modern Android developer by following the steps, skills, resources and guides listed in this roadmap.'
@@ -28,10 +32,8 @@ seo:
     - 'android quiz'
     - 'android interview questions'
 relatedRoadmaps:
-  - 'frontend'
-  - 'javascript'
-  - 'react'
-  - 'nodejs'
+  - 'react-native'
+  - 'flutter'
 sitemap:
   priority: 1
   changefreq: 'monthly'
@@ -39,104 +41,4 @@ tags:
   - 'roadmap'
   - 'main-sitemap'
   - 'role-roadmap'
----
-The intent of this guide is to give you an idea about the Android development landscape and to help guide your learning if you are confused. Before we start, please note that the roadmap is opinionated, and you might have different opinions than those of the author. Having said that, [we would love to hear your opinions](https://github.com/kamranahmedse/developer-roadmap/issues/new) and incorporate them in the roadmap if suitable.
-
-There are multiple ways to develop applications for Android; you can go down the path of hybrid application development where [Flutter](https://flutter.dev/), [React-Native](https://reactnative.dev/), or [NativeScript](https://www.nativescript.org/) are the most common contenders. Flutter uses Dart, whereas React Native and Native Script rely on JavaScript. Answering the question of hybrid vs native is out of the scope of this roadmap. This roadmap is focused on native Android app development, but if you are interested in learning any hybrid framework, my personal preference is [React-Native](https://reactnative.dev) and I would recommend you check out the [Frontend Developer Roadmap](/frontend).
-
-## Complete Roadmap
-
-Here is the full version of the roadmap in a single image and after that we have the broken down version with the resources and links to learn more about each of the boxes.
-
-[![](/roadmaps/android/roadmap.svg)](/roadmaps/android/roadmap.png)
-
-## Broken Down Version
-
-Below is the broken down version of the roadmap with links and resources to learn more about each of the items listed in the complete roadmap above.
-
-## Pick a Language
-
-For the languages, you can develop Android apps either by using Kotlin or Java.
-
-[![](/roadmaps/android/pick-language.svg)](/roadmaps/android/pick-language.svg)
-
-Although, you can use both [Kotlin](<https://en.wikipedia.org/wiki/Kotlin_(programming_language)>) and [Java](<https://en.wikipedia.org/wiki/Java_(programming_language)>) to develop native Android apps, [Google announced in 2019](https://android-developers.googleblog.com/2019/05/google-io-2019-empowering-developers-to-build-experiences-on-Android-Play.html) to make Kotlin the preferred way of developing Android applications. If you were to start learning Android development today, Kotlin should be your language of choice.
-
-## The Fundamentals
-
-Install [Android Studio](https://developer.android.com/studio) and learn the basics of Kotlin to get started.
-
-[![](/roadmaps/android/the-fundamentals.png)](/roadmaps/android/the-fundamentals.png)
-
-We have also listed down some free resources which you can use for the items listed in the image above. If you have some better ones, please do suggest. Also, you don't need to go through all of them, just go through them and pick what you like.
-
-- [Learn the basics of Kotlin](https://blog.teamtreehouse.com/absolute-beginners-guide-kotlin)
-- [Kotlin Docs](https://kotlinlang.org/docs/reference/basic-syntax.html) and [Official Kotlin Tutorials](https://kotlinlang.org/docs/tutorials/)
-- [Data Structures and Algorithms](https://www.studytonight.com/data-structures/introduction-to-data-structures). Also [check this](https://www.tutorialspoint.com/data_structures_algorithms/index.htm).
-- [Kotlin Data Structures](https://kotlinlang.org/docs/reference/collections-overview.html)
-- [Algorithms and Data Structures in Kotlin](https://github.com/bmaslakov/kotlin-algorithm-club)
-- [Getting started with Gradle](https://docs.gradle.org/current/userguide/userguide.html)
-  Note: Android Studio comes with a working installation of Gradle, so you don’t need to install Gradle separately in that case.
-
-## Version Control Systems
-
-Version Control Systems record your changes to the codebase and allow you to recall specific versions later. There are multiple Version Control Systems available, but [Git](https://git-scm.com/) is the most common one these days.
-
-[![](/roadmaps/android/git-github.png)](/roadmaps/android/git-github.png)
-
-Here are some of the resources to get you started. Feel free to google and find something else that you find easier.
-
-- [Udacity — Version Control with Git](https://www.udacity.com/course/version-control-with-git--ud123)
-- [GitHub Hello World](https://guides.github.com/activities/hello-world/)
-
-## Building an Application
-
-Here is the list of items that you are going to need when developing Android applications. Please note that this is an exhaustive list, and you don't need to know it all from the get-go. Get an idea of the items listed, and just start building some apps and keep the items listed in the back of your mind and have a deep dive when using them.
-
-[![](/roadmaps/android/build-an-application.png)](/roadmaps/android/build-an-application.png)
-
-To learn more about the items listed in the image above, here are the links to the relevant docs.
-
-- [Using Activities and Activity Life Cycles](https://developer.android.com/guide/components/activities/intro-activities)
-- Building Flexible Interfaces using [Fragments](https://developer.android.com/guide/components/fragments)
-- [Debugging using Android Studio Debugger](https://developer.android.com/studio/debug)
-- [Handling App Configurations](https://developer.android.com/work/managed-configurations)
-- [Using Intents and Intent Filters](https://developer.android.com/guide/components/intents-filters)
-- [Understand Context](https://guides.codepath.com/android/Using-Context)
-- [Learn about Multithreading](https://developer.android.com/training/multiple-threads)
-- [Data Privacy](https://www.raywenderlich.com/6901838-data-privacy-for-android)
-- [Securing Network Data](https://www.raywenderlich.com/5634-securing-network-data-tutorial-for-android)
-- [Dependency Injection](https://developer.android.com/training/dependency-injection)
-- [Content Providers](https://developer.android.com/guide/topics/providers/content-providers)
-- [Glide](https://github.com/bumptech/glide), [Retrofit](https://square.github.io/retrofit/), [Crashlytics](https://firebase.google.com/docs/crashlytics/get-started), [GSON](https://github.com/google/gson)
-- [Room](https://developer.android.com/topic/libraries/architecture/room), [Navigation](https://developer.android.com/guide/navigation/navigation-getting-started), [Work Manager](https://developer.android.com/topic/libraries/architecture/workmanager), [LiveData](https://developer.android.com/topic/libraries/architecture/livedata), [Data Binding](https://developer.android.com/topic/libraries/data-binding)
-- [RxJava](https://github.com/ReactiveX/RxJava), [RxKotlin](https://github.com/ReactiveX/RxKotlin)
-- [Memory Management Overview](https://developer.android.com/topic/performance/memory-overview)
-- [Diving deeper into context-oriented programming in Kotlin](https://proandroiddev.com/diving-deeper-into-context-oriented-programming-in-kotlin-3ecb4ec38814)
-
-## Jetpack Compose
-
-Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.
-
-- [Jetpack Compose](https://developer.android.com/jetpack/compose/documentation)
-- [Material Design 3](https://m3.material.io/)
-- [Getting started with Material Components](https://m3.material.io/libraries/mdc-android/getting-started)
-
-## Free Resources
-
-I would highly recommend watching [this free course](https://www.udacity.com/course/developing-android-apps-with-kotlin--ud9012) from Google on Developing Android Apps with Kotlin. You may also get started with this [free course](https://developer.android.com/courses/android-basics-kotlin/course) on the Android developer's page, where concepts are taught with the help of code labs, projects and quizzes, and you also earn badges as you learn that appear on your Google developer profile. Also, here are some of the resources to learn more about the topics listed above.
-
-- [Developing Android Apps with Kotlin](https://www.udacity.com/course/developing-android-apps-with-kotlin--ud9012)
-- [Android Basics in Kotlin](https://developer.android.com/courses/android-basics-kotlin/course)
-- [Android Developer Guides](https://developer.android.com/guide)
-- [Kodeco](https://www.kodeco.com)
-
-## Wrap Up
-
-That wraps it up for the Android developer roadmap. Again, remember to not be exhausted by the list; just learn the basics and start working on some project and the rest of the learnings will come along the way. Good luck!
-
-For any suggestions, improvements and feedback, feel free to [submit an issue](https://github.com/kamranahmedse/developer-roadmap) or reach out to me on twitter [@kamrify](https://twitter.com/kamrify).
-
-<!-- @fixme add padding to the container -->
-
-<br /><br /><br />
+---
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/100-pick-a-language/100-kotlin.md b/src/data/roadmaps/android/content/100-pick-a-language/100-kotlin.md
new file mode 100644
index 000000000..272325987
--- /dev/null
+++ b/src/data/roadmaps/android/content/100-pick-a-language/100-kotlin.md
@@ -0,0 +1,3 @@
+# Kotlin
+
+`Kotlin` is a cross-platform, statically typed general-purpose programming language with type inference. Developed by JetBrains, the makers of the world’s leading IDEs, Kotlin has a syntax, which is more expressive and concise. This allows for more readable and maintainable code. It is fully interoperable with Java and comes with no limitations. It can be used almost everywhere Java is used today, for server-side development, Android apps, and much more. Kotlin introduces several improvements for programmers over Java, which makes it a preferred choice for many developers. With more concise code base and modern programming concept support - it's certainly a future of Android app development.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/100-pick-a-language/101-java.md b/src/data/roadmaps/android/content/100-pick-a-language/101-java.md
new file mode 100644
index 000000000..3fc193443
--- /dev/null
+++ b/src/data/roadmaps/android/content/100-pick-a-language/101-java.md
@@ -0,0 +1,3 @@
+# Java
+
+Java is a popular programming language used for Android development due to its robustness and ease of use. Its object-oriented structure allows developers to create modular programs and reusable code. The language was built with the philosophy of "write once, run anywhere" (WORA), meaning compiled Java code can run on all platforms without the need for recompilation. Android’s API and core libraries are primarily written in Java, therefore understanding Java is fundamental in creating diverse and powerful Android apps. Java is a statically-typed language, which can be beneficial for detecting errors at compile-time rather than at runtime. Oracle, who owns Java, provides comprehensive documentation and support for the language.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/100-pick-a-language/index.md b/src/data/roadmaps/android/content/100-pick-a-language/index.md
new file mode 100644
index 000000000..d4aa110f4
--- /dev/null
+++ b/src/data/roadmaps/android/content/100-pick-a-language/index.md
@@ -0,0 +1,3 @@
+# Pick a Language
+
+When developing for Android, one crucial step is picking a programming language to use. There are multiple languages you can choose from, but the three most popular ones are Java, Kotlin, and C++. Java is the original language used for Android development and is widely used, making it a good choice for beginners due to the wealth of resources and developer communities. Kotlin is a newer option that is fully supported by Google and Android Studio, and addressing many of the drawbacks of Java which makes it a popular choice for many developers. Lastly, C++ can be used in Android development through the Android Native Development Kit (NDK), though it comes with more complexities and is usually not recommended for beginners. Your selection might depend on your existing familiarity with these languages, the complexity and specific requirements of your project, and the resources or libraries you wish to use.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/100-development-ide.md b/src/data/roadmaps/android/content/101-the-fundamentals/100-development-ide.md
new file mode 100644
index 000000000..7216eb3f9
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/100-development-ide.md
@@ -0,0 +1,3 @@
+# Development IDE
+
+"Development IDE" refers to Development Integrated Development Environment that is vital for Android App development. For Android, the primary IDE is **Android Studio**. This official IDE from Google includes everything you need to build an Android app, such as a code editor, code analysis tools, emulators for all of Android's supported OS versions and hardware configurations, and more. Other popular IDEs include **Eclipse** (with an Android Developer Tools plugin), **NetBeans**, and **IntelliJ IDEA**. Each of these IDEs tends to have its own set of specialized features, but all are designed to provide the tools and services needed for Android development. The choice of IDE often depends on the specific needs and preferences of the developer or development team.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/101-basics-of-kotlin.md b/src/data/roadmaps/android/content/101-the-fundamentals/101-basics-of-kotlin.md
new file mode 100644
index 000000000..4f9f08aa1
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/101-basics-of-kotlin.md
@@ -0,0 +1,3 @@
+# Basics of Kotlin
+
+Kotlin is a statically-typed programming language that runs on the Java Virtual Machine (JVM) and can be used to develop all types of Android apps. It is Google's preferred language for Android app development. Kotlin's syntax is more concise than Java, which means less code to write and read, and fewer opportunities for errors. It provides several high-level features like lambdas, coroutines and higher order functions that help making the code more clean and understandable. Key basics of Kotlin include control flow statements (if, when, for, while), variables (mutable and non-mutable), null safety, classes and objects, inheritance, interfaces, and exception handling. While learning Kotlin, experience with Java will certainly be helpful, but it's not a prerequisite.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/102-basics-of-oop.md b/src/data/roadmaps/android/content/101-the-fundamentals/102-basics-of-oop.md
new file mode 100644
index 000000000..c725b8190
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/102-basics-of-oop.md
@@ -0,0 +1,3 @@
+# Basics of OOP
+
+In Android development, understanding the `Basics of Object-Oriented Programming (OOP)` is crucial. OOP is a programming paradigm that uses "Objects" - entities that contain both data and functions that manipulate the data. Key concepts include `Classes`, which are blueprints from which objects are created; `Objects`, instances of a class; `Inheritance`, where one class acquires properties from another; `Polymorphism`, the ability of an object to take many forms; `Abstraction`, showing only necessary details and hiding implementation from the user; and `Encapsulation`, the concept of wrapping data and the methods that work on data within one unit. By understanding these fundamentals, you can create more efficient and effective Android apps.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/103-datastructures-and-algorithms.md b/src/data/roadmaps/android/content/101-the-fundamentals/103-datastructures-and-algorithms.md
new file mode 100644
index 000000000..84fb30122
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/103-datastructures-and-algorithms.md
@@ -0,0 +1,5 @@
+# DataStructures and Algorithms
+
+In Android, **data structures** are primarily used to collect, organize and perform operations on the stored data more effectively. They are essential for designing advanced-level Android applications. Examples include Array, Linked List, Stack, Queue, Hash Map, and Tree. 
+
+Meanwhile, **algorithms** are a sequence of instructions or rules for performing a particular task. In Android, algorithms can be used for data searching, sorting, or performing complex business logic. Some commonly used algorithms are Binary Search, Bubble Sort, Selection Sort, etc. A deep understanding of data structures and algorithms is crucial in optimizing the performance and the memory consumption of the Android applications.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/104-using-gradle.md b/src/data/roadmaps/android/content/101-the-fundamentals/104-using-gradle.md
new file mode 100644
index 000000000..f486db42f
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/104-using-gradle.md
@@ -0,0 +1,3 @@
+# What is and how to use Gradle?
+
+**Using Gradle**: Gradle is a powerful build system used in Android development that allows you to define your project and dependencies, and distinguish between different build types and flavors. Gradle uses a domain-specific language (DSL) which gives developers almost complete control over the build process. When you trigger a build in Android Studio, Gradle is the tool working behind the scenes to compile and package your app. It looks at the dependencies you declared in your build.gradle files and creates a build script accordingly. Using Gradle in android development requires continuous editing of the build.gradle files to manage app dependencies, build variants, signing configurations and other essential aspects related to building your app. 
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/105-hello-world-app.md b/src/data/roadmaps/android/content/101-the-fundamentals/105-hello-world-app.md
new file mode 100644
index 000000000..35a2fc7da
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/105-hello-world-app.md
@@ -0,0 +1,3 @@
+# Create a basic Hello World App
+
+The "Hello World" app is a simple project that you can build when you're getting started with Android development. It's often the first program that beginners learn to build in a new system. It's usually considered the simplest form of program that displays a message to the user - "Hello, World!" In Android, this involves creating a new project from the Android Studio and setting up the main activity. The main activity file is primarily written in Java or Kotlin where you can code for the display message, while the layout design view can be created in the XML file.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/101-the-fundamentals/index.md b/src/data/roadmaps/android/content/101-the-fundamentals/index.md
new file mode 100644
index 000000000..55c77fe8d
--- /dev/null
+++ b/src/data/roadmaps/android/content/101-the-fundamentals/index.md
@@ -0,0 +1,3 @@
+# The Fundamentals
+
+"The Fundamentals" of Android primarily concentrate on 5 components; Activities, Services, Broadcast Receivers, Content Providers, and Intents. **Activities** are essentially what you see on your screen; each screen in an app is a separate activity. **Services** run in the background to perform long-running operations or to perform work for remote processes. They do not provide a user interface. **Broadcast Receivers** respond to broadcast messages from other applications or from the system itself. These messages are often in the form of Intents. **Content Providers** manage a shared set of app data that other apps can query or modify, through a structured interface. Finally, **Intents** are messaging objects which facilitate the communication between the aforementioned components. Understanding these five core concepts is key to mastering Android fundamentals.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/102-version-control/100-git.md b/src/data/roadmaps/android/content/102-version-control/100-git.md
new file mode 100644
index 000000000..608faf32a
--- /dev/null
+++ b/src/data/roadmaps/android/content/102-version-control/100-git.md
@@ -0,0 +1,3 @@
+# Git
+
+`Git` is a highly efficient and flexible distributed version control system that was created by Linus Torvalds, the creator of Linux. It allows multiple developers to work on a project concurrently, providing tools for non-linear development and tracking changes in any set of files. Git has a local repository with a complete history and version-tracking capabilities, allowing offline operations, unlike SVN. It ensures data integrity and provides strong support for non-linear development with features such as branching and merging. Yet, Git has a high learning curve and can be complex for beginners to understand the command line interface. Furthermore, Git also allows you to create `tags` to reference certain points in your history for milestone or version releases.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/102-version-control/101-github.md b/src/data/roadmaps/android/content/102-version-control/101-github.md
new file mode 100644
index 000000000..088787c4a
--- /dev/null
+++ b/src/data/roadmaps/android/content/102-version-control/101-github.md
@@ -0,0 +1,4 @@
+# GitHub
+
+**GitHub** is a cloud-based hosting service for managing software version control using Git. It provides a platform for enabling multiple developers to work together on the same project at the same time. With GitHub, codes can be stored publicly, allowing for collaboration with other developers or privately for individual projects. Key features of GitHub include code sharing, task management, and version control, among others. GitHub also offers functionalities such as bug tracking, feature requests, and task management for the project.
+For Android development, it supports Gradle-based android projects, plugins for Android Studio and JetBrains IntelliJ IDEA, making version control operations more user-friendly.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/102-version-control/102-bitbucket.md b/src/data/roadmaps/android/content/102-version-control/102-bitbucket.md
new file mode 100644
index 000000000..b16ec0eda
--- /dev/null
+++ b/src/data/roadmaps/android/content/102-version-control/102-bitbucket.md
@@ -0,0 +1,3 @@
+# BitBucket
+
+Bitbucket is a web-based hosting service that is owned by Atlassian. Bitbucket uses either Mercurial or Git revision control systems, allowing users to manage and maintain their code. This platform is mainly used for code and code review. Bitbucket provides both commercial plans and free accounts. It offers free accounts with an unlimited number of private repositories (which can have up to five users in the case of free accounts) as of September 2010. It originally offered only Mercurial support. Bitbucket integrates with other Atlassian software like JIRA, HipChat, Confluence and Bamboo.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/102-version-control/103-gitlab.md b/src/data/roadmaps/android/content/102-version-control/103-gitlab.md
new file mode 100644
index 000000000..26418bfaf
--- /dev/null
+++ b/src/data/roadmaps/android/content/102-version-control/103-gitlab.md
@@ -0,0 +1,3 @@
+# GitLab
+
+`Gitlab` is a web-based DevOps lifecycle tool which provides a Git-repository manager, along with continuous integration and deployment pipeline features, using an open-source license, developed by GitLab Inc. Users can manage and create their software projects and repositories, and collaborate on these projects with other members. `Gitlab` also allows users to view analytics and open issues of their project. It stands next to other version control tools like `GitHub` and `Bitbucket`, but comes with its own set of additional features and nuances. For Android development, `Gitlab` can be particularly useful owing to its continuous integration and deployment system which can automate large parts of the app testing and deployment.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/102-version-control/index.md b/src/data/roadmaps/android/content/102-version-control/index.md
new file mode 100644
index 000000000..ba41c05b4
--- /dev/null
+++ b/src/data/roadmaps/android/content/102-version-control/index.md
@@ -0,0 +1,3 @@
+# Version Control Systems
+
+_Version Control_ is a system that records changes to a file or set of files over time so that you can recall specific versions later. An essential tool for software development, it helps to track changes, enhance collaboration, and manage different versions of a project. Two common types of version control systems are Centralized Version Control System (CVCS) and Distributed Version Control System (DVCS). CVCS uses a central server to store all versions of a project, with users getting snapshots from that server. Examples include SVN and Perforce. On the other hand, DVCS allows multiple developers to work on a single project simultaneously. Each user has a complete backup of all versions of the work. Examples include Git and Mercurial.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/100-activity/100-activity-lifecycle.md b/src/data/roadmaps/android/content/103-app-components/100-activity/100-activity-lifecycle.md
new file mode 100644
index 000000000..db33dbc0d
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/100-activity/100-activity-lifecycle.md
@@ -0,0 +1,3 @@
+# Activity Lifecycle
+
+The **Activity Lifecycle** in Android represents a series of states or events that an activity can go through from its creation to its destruction. The primary states or events are `onCreate()`, `onStart()`, `onResume()`, `onPause()`, `onStop()`, `onDestroy()`, and `onRestart()`. The method `onCreate()` is called when the activity is first created, followed by `onStart()` when the activity becomes visible to the user. The `onResume()` method executes when the user starts interacting with the application. `onPause()` and `onStop()` methods are invoked when the application is no longer in the foreground or visible to the user. The `onDestroy()` method is used when the activity is being completely removed from the memory. The `onRestart()` method is called after the system stops the activity and is about to start it again. The proper handling of these states ensures the efficient use of resources and a smooth user experience.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/100-activity/101-state-changes.md b/src/data/roadmaps/android/content/103-app-components/100-activity/101-state-changes.md
new file mode 100644
index 000000000..4a2dcfd40
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/100-activity/101-state-changes.md
@@ -0,0 +1,3 @@
+# State Changes
+
+In Android, an "Activity" is a crucial component that represents a single screen with a user interface. One or more active activities make up an Application. These activities can go through different states in their lifecycle, often due to user interaction or system interruption. The primary states of an Activity include `Created`, `Started`, `Resumed`, `Paused`, `Stopped`, `Restarted`, and `Destroyed`. The "Created" state occurs when an activity instance is being created. The "Started" state is when the activity is visible to the user, while "Resumed" is when the activity is interacting with the user. An activity is "Paused" when it loses focus but is partly visible, "Stopped" when it's not visible, "Restarted" when the activity is about to be started, and "Destroyed" when the activity is finished or the system is temporarily destroying it.
diff --git a/src/data/roadmaps/android/content/103-app-components/100-activity/102-tasks-backstack.md b/src/data/roadmaps/android/content/103-app-components/100-activity/102-tasks-backstack.md
new file mode 100644
index 000000000..6793b8a81
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/100-activity/102-tasks-backstack.md
@@ -0,0 +1,3 @@
+# Tasks and Backstack
+
+The **tasks backstack** in Android refers to the way Android manages and arranges tasks in a stack-like structure. Every task has a stack of activities, which is referred to as the task's back stack. The activities are placed in the order they are opened. When a new activity is started, it is placed at the top of the stack and becomes the running activity, while the previous activity is paused and put into the back stack. When you press the back button, the current activity is destroyed and the activity at the top of the back stack becomes active again. Android defines how to navigate between tasks and activities using this back stack concept.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/100-activity/index.md b/src/data/roadmaps/android/content/103-app-components/100-activity/index.md
new file mode 100644
index 000000000..d65af078a
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/100-activity/index.md
@@ -0,0 +1,3 @@
+# Activity
+
+`Activity` in Android is a crucial component that represents a single screen with a user interface. It is just like a window in a desktop application. Android apps are typically made up of one or more activities, each having its interface which allows user interaction. When an app is launched, an instance of `Activity` is created, starting the lifecycle of that app. Every activity has its own lifecycle (create, start, resume, pause, stop, destroy) that keeps the state of a user's progress, and Android manages these states automatically. Activities can also have `Intent`, which allows them to interact with other components, such as starting another activity or getting a result from that activity.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/101-services.md b/src/data/roadmaps/android/content/103-app-components/101-services.md
new file mode 100644
index 000000000..1facf8822
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/101-services.md
@@ -0,0 +1,3 @@
+# Services
+
+**Services**: A service in Android is an app component that performs operations in the background without a user interface. It can be started by an application component, like an activity, and it will continue to run in the background even if the user switches to another application. There are two types of services in Android, namely, `Started Service` and `Bound Service`. A `Started Service` is used to perform a single operation, such as downloading a large file. On the other hand, a `Bound Service` offers a client-server interface that allows components to interact with the service, send requests, receive results, and even perform interprocess communication (IPC).
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/102-content-provider.md b/src/data/roadmaps/android/content/103-app-components/102-content-provider.md
new file mode 100644
index 000000000..6b6e31539
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/102-content-provider.md
@@ -0,0 +1,3 @@
+# Content Provider
+
+A **Content Provider** in Android is a key component that allows applications to securely share data with other applications. They act as a layer between databases and applications to enhance data security. Content providers manage access to a structured set of data by handling data transactions, implementing data security, and maintaining isolation between applications. They provide an abstracted interface which is used to access data, while the underlying storage method (Like SQLite database, web, or any other method) remains hidden. This mechanism aids in retrieving data from a non-relational source in a structured way. They're used primarily when data needs to be shared between multiple applications, not just within a single application.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/103-broadcast-receiver.md b/src/data/roadmaps/android/content/103-app-components/103-broadcast-receiver.md
new file mode 100644
index 000000000..d37d278e3
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/103-broadcast-receiver.md
@@ -0,0 +1,3 @@
+# Broadcast Receiver
+
+**Broadcast Receivers** in Android are components that respond to system-wide broadcast announcements. They can be registered to respond to a specific type of broadcasts or implement a user-defined broadcast. While you can initiate a broadcast from your app, they are generally used for receiving system notifications or communicating with other applications. However, keep in mind that they cannot display a user interface, but they can start activities if necessary, which do have a user interface. A `BroadcastReceiver` class must override the `onReceive()` method where each message is received as an `Intent` object parameter.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/104-intent/100-implicit-intents.md b/src/data/roadmaps/android/content/103-app-components/104-intent/100-implicit-intents.md
new file mode 100644
index 000000000..61f20ab62
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/104-intent/100-implicit-intents.md
@@ -0,0 +1,3 @@
+# Implicit Intents
+
+In Android development, **Implicit Intents** do not specify the target component explicitly like Explicit Intents. Instead, they allow the system to find a suitable component matching the Intent description to handle the request. The system will find an activity that can handle this intent by comparing the `<intent-filter>` section in the `AndroidManifest.xml` of all apps installed on the device against the Implicit Intent. An ideal example of an implicit intent is opening a URL. You do not need to know the specific activity that can handle this request, you just declare an intent to view a web page and Android system will select the suitable app that can open the URL.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/104-intent/101-explicit-intents.md b/src/data/roadmaps/android/content/103-app-components/104-intent/101-explicit-intents.md
new file mode 100644
index 000000000..9554ef009
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/104-intent/101-explicit-intents.md
@@ -0,0 +1,3 @@
+# Explicit Intents
+
+**Explicit Intents** are primarily used within an application's own boundaries. In explicit intents you specify the component that needs to be responded to the intent. Therefore, the target component must be specified by calling methods such as `setComponent(ComponentName)`, `setClass(Context, Class)`, or `setClassName(String, String)`. This means that explicit intents are typically used for launching activities, broadcasting messages, starting services within the app. Explicit intents are not resolved by the system but are passed to the component identified in the intent.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/104-intent/102-intent-filters.md b/src/data/roadmaps/android/content/103-app-components/104-intent/102-intent-filters.md
new file mode 100644
index 000000000..35d87e03c
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/104-intent/102-intent-filters.md
@@ -0,0 +1,3 @@
+# Intent Filters
+
+`Intent Filters` in Android are essential components of the Android system where you can declare the capabilities of your activities, services, and broadcast receivers. An intent filter is an expression found in your app's manifest file, defined in the <intent-filter> XML element. Android uses these filters to determine the appropriate components for incoming intents, which can be either explicit or implicit. Your app's ability to respond to intents depends on the filters you define. The filters are set of conditions comprised of `action`, `category`, and `data` which your activity or service is able to perform. If the incoming `Intent` matches with defined `Intent Filters`, Android system will permit that `Intent` to your Component (Activity, Service, or Broadcast Receiver).
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/104-intent/index.md b/src/data/roadmaps/android/content/103-app-components/104-intent/index.md
new file mode 100644
index 000000000..d64c6cc0b
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/104-intent/index.md
@@ -0,0 +1,3 @@
+# Intent
+
+"Intent" in Android is a software mechanism used for late runtime binding between components, such as activities, content providers, and services. It is essentially a passive data structure holding an abstract description of an operation that the Android system is requested to perform. The Intent can be explicit, in which you specify the component to start or  implicit, where you declare a general action to perform, allowing a component from another app to handle it. Implicit intents are often used to request another app's functionality, such as showing a user a location on a map or taking a photo. "Intent Filters" are then used by the components to advertise their capabilities to handle different types of intents.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/103-app-components/index.md b/src/data/roadmaps/android/content/103-app-components/index.md
new file mode 100644
index 000000000..dfac9e5cd
--- /dev/null
+++ b/src/data/roadmaps/android/content/103-app-components/index.md
@@ -0,0 +1,15 @@
+# App Components
+
+Android apps are primarily made up of five different types of components: 
+
+1. **Activities**: These are individual screens that a user can interact with. Any UI action like touching a button or swiping a screen will usually take place within an activity. 
+
+2. **Services**: Unlike activities, services run in the background and don't have a user interface. They’re used for repetitive or long running operations, like playing music or pulling in a feed of data from a server. 
+
+3. **Broadcast Receivers**: These are event listeners. The Android operating system uses them to respond to system-wide events. 
+
+4. **Content Providers**: They manage and share app data with other apps installed on the device. For security, data is not generally shared across apps.
+
+5. **Intents**: These serve as messages or commands to the Android system. They're used to signal to the Android system that certain events have occurred.
+   
+Each app component is designed to serve different purposes and to have a well-defined lifecycle which defines how the component is created and destroyed.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/100-jetpack-compose.md b/src/data/roadmaps/android/content/104-interface-and-navigation/100-jetpack-compose.md
new file mode 100644
index 000000000..14fe08483
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/100-jetpack-compose.md
@@ -0,0 +1,3 @@
+# Jetpack Compose
+
+`Jetpack Compose` is a modern toolkit for building native Android UI. It simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs. `Jetpack Compose` offers a declarative approach to designing UI, where you can simply describe what your UI should look like at any given point of your app’s state, and `Compose` takes care of updating the view hierarchy, making UI development more efficient. It also integrates well with existing Android apps, letting you adopt its benefits at your own pace.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/101-app-shortcuts.md b/src/data/roadmaps/android/content/104-interface-and-navigation/101-app-shortcuts.md
new file mode 100644
index 000000000..a1d74ca11
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/101-app-shortcuts.md
@@ -0,0 +1,7 @@
+# App Shortcuts
+
+Sure, I can provide information about "app shortcuts" feature in Android. 
+
+### App Shortcuts
+
+App shortcuts in Android are designed to provide quick and convenient routes to specific actions or functions within your app from the device home screen. To use them, long-press an app's icon and a pop-up menu will appear with the available shortcuts. Depending on the app, you might be able to send a message, make a booking, navigate home, or perform some other specific task without having to first open the app and navigate to the desired function. These shortcuts can also be moved and placed individually on the home screen for even faster access.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/102-navigation-components.md b/src/data/roadmaps/android/content/104-interface-and-navigation/102-navigation-components.md
new file mode 100644
index 000000000..5ac35cec4
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/102-navigation-components.md
@@ -0,0 +1,3 @@
+# Navigation Components
+
+The **Navigation Components** are part of Android Jetpack and are designed to simplify the implementation of navigation in your Android app. These components help you follow best practices, handle deep linking, and provide a consistent user experience across deep and conditional navigation. They also automate many common tasks, such as handling Up and Back actions correctly across many different types of devices. The Navigation component consists of three key parts which are Navigation graph, NavHost, and NavController.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/100-text-view.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/100-text-view.md
new file mode 100644
index 000000000..43515e86c
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/100-text-view.md
@@ -0,0 +1,3 @@
+# TextView
+
+`TextView` in Android is a UI (User Interface) element that allows you to display text to the user. You can set the text to be displayed by declaring it in XML or introducing it programmatically. This element supports various attributes such as `android:textAllCaps`, `android:textAppearance`, `android:textColor`, etc., to customize its appearance. Each `TextView` corresponds to an `android.widget.TextView` object. You can also react to user interaction events such as touch or click with the help of listeners (like `View.onClickListener` or `View.onTouchListener`). Manipulating with `TextView` is common when creating Android apps as they form the basic building block for user interface components.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/101-edit-text.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/101-edit-text.md
new file mode 100644
index 000000000..dd4f51dfd
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/101-edit-text.md
@@ -0,0 +1,3 @@
+# EditText
+
+`EditText` is a common element used in Android development. It's a fundamental component for accepting user input in simple form or dialog. It allows users to modify text within its bounding box, much like what a TextField does in more general programming languages. If you have used a form or a webpage that allows you to input text, it was probably created with an EditText or similar control. You can customize an `EditText` in various ways including size, color, initial text, and hint text. You can also listen for changes in the text in an EditText, apply filters, specify input types, and more. The `android:text` attribute lets you pre-fill the EditText with text, and `android:hint` provides hint text when the EditText is empty.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/102-buttons.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/102-buttons.md
new file mode 100644
index 000000000..410ea34b5
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/102-buttons.md
@@ -0,0 +1,3 @@
+# Buttons
+
+Buttons in Android are user interactions that trigger certain programmable actions. They are part of the `View` class in Android, making them an essential part of user interfaces. Android provides different types of buttons such as `Button`, `ToggleButton`, `RadioButton`, `CheckBox`, `Switch`, `ImageButton`, and `FloatingActionButton`. Each of these serves a different purpose and provides varied interactivity options. Their behavior and appearance can be customized in terms of different properties such as text, ID, color, etc. They can be programmed in the XML layout files or dynamically in the Java/Kotlin code.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/103-image-view.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/103-image-view.md
new file mode 100644
index 000000000..969f18a50
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/103-image-view.md
@@ -0,0 +1,3 @@
+# ImageView
+
+An `ImageView` is a class used in Android for displaying an image file. It inherits from 'View' class and extends the ability of views to show images. Images can be loaded from various sources such as a resource file, drawable, or a URL, with varying scale types. This class also provides methods to manage the image scale type, define padding, set tint, and manipulate the color filter. It's important to note that `ImageView` should be used in moderation as it is resource-intensive and could degrade app performance if used excessively.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/104-list-view.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/104-list-view.md
new file mode 100644
index 000000000..8b6a0e4d2
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/104-list-view.md
@@ -0,0 +1,3 @@
+# ListView
+
+`ListView` in Android is a view which groups several items and displays them in vertical scrollable list. The list items are automatically inserted to the list using an `Adapter` that pulls content from a source such as an array or database query and converts each item result into a view that's placed into the list. It is widely used in android apps as it offers an easy way to display a list of data in an organized manner. Functions such as `setAdapter(Adapter)` to specify data source, `setOnItemClickListener(OnItemClickListener)` to listen for click events on items, and `setOnScrollListener(OnScrollListener)` to listen for scroll events, provide further control over the list behavior.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/105-tabs.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/105-tabs.md
new file mode 100644
index 000000000..816629a2f
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/105-tabs.md
@@ -0,0 +1,3 @@
+# Tabs
+
+Tabs are commonly used in Android for switching between different views within the same activity. Some instances may make use of a `TabLayout` located within a `ViewPager` to create swipeable tabs. Each tab is usually associated with a fragment. To create tabs in Android, you need to use the `TabLayout` component that is available in the Material Design library. A typical `TabLayout` contains multiple `TabItem`, each representing a tab in the interface. The `TabLayout` works with a `ViewPager` to provide a consistent swipeable interface. Users can approach tabs differently depending on whether they are coded for manual or automatic filling. Manual tab creation and addition require explicit defining of each tab and adding them to the `TabLayout`, while in automatic filling tabs are generated from the `PagerAdaptor`'s page title.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/106-fragments.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/106-fragments.md
new file mode 100644
index 000000000..5e625e870
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/106-fragments.md
@@ -0,0 +1,3 @@
+# Fragments
+
+In Android, **Fragments** represent a behavior or a part of the user interface in an Activity. They are modular sections of an activity, which are reusable in different activities. They contribute to making an application adaptive to different devices with varied screen sizes. A fragment has its own lifecycle, receives its own input events, and can be added or removed while the activity is running. While they exist within the context of an activity, they can also be used independently to encapsulate functionality for easier development and reuse. Multiple fragments can combine in a single activity to build a multi-pane UI.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/107-dialogs.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/107-dialogs.md
new file mode 100644
index 000000000..7a523c11d
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/107-dialogs.md
@@ -0,0 +1,5 @@
+# Dialogs
+
+Dialogs in Android are small windows that prompt users to make a decision or enter additional information. They don't fill the screen and are normally used for modal events that require users to take action before they can proceed. In Android, `Dialog` is actually an abstract class directly subclassed from `Object`. `AlertDialog` is the subclass that you will most commonly use, which contains a number of methods as compared to `Dialog` to support features like lists, checkboxes, radio buttons, and a custom layout design. They are typically used for user interactions such as warnings, notifications, and menus. 
+
+To create a dialog, you must use the `Dialog` class or one of its subclasses, such as `DialogFragment` or `AlertDialog`. For a more detailed explanation on implementing dialogs in Android, you can refer to the official Android Developer's Guide.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/108-toast.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/108-toast.md
new file mode 100644
index 000000000..33510b58a
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/108-toast.md
@@ -0,0 +1,3 @@
+# Toast
+
+`Toast` in Android is a simple message that appears on the screen for a short period of time then disappears automatically. It is generally used to provide feedback to the user about an operation in a small popup without requiring any user interaction. This feedback could be an error message or simply information that a process completed successfully. You can configure the toast to appear anywhere on the screen and specify how long it stays up. In order to use a toast, you have to import the `android.widget.Toast` package and instantiate a Toast object. Here's an example of creating a simple toast: `Toast.makeText(context, text, duration).show()`, where context is your application context, text is the message to display, and duration is either `Toast.LENGTH_SHORT` or `Toast.LENGTH_LONG`.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/109-bottom-sheet.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/109-bottom-sheet.md
new file mode 100644
index 000000000..4387b5d22
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/109-bottom-sheet.md
@@ -0,0 +1,3 @@
+# Bottom Sheet
+
+The **Bottom Sheet** is a popular UI component within the Android development environment. This interface element acts like a drawer that slides up from the bottom of the screen to reveal more content or options. There are two types of bottom sheets in Android: "persistent" and "modal". The persistent bottom sheet shows in-app content that supplements the primary screen content, remaining visible even when the user interacts with the primary surface. On the other hand, the modal bottom sheet is a simple menu presenting a list of options, often used for sharing content, navigating, or for user-editable content. It can be dismissed by the user and does not remain visible when the user interacts with the primary surface.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/110-drawer.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/110-drawer.md
new file mode 100644
index 000000000..144576651
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/110-drawer.md
@@ -0,0 +1,3 @@
+# Drawer
+
+The `Drawer` in Android is a slide-out menu that enables users to navigate between different parts of an application. It is usually triggered by a hamburger icon in the app's top-left corner. The `Drawer` can contain a list of options, subheadings, and separators to articulate the app's structure. In Android, this component can be implemented using `DrawerLayout` and `NavigationView`. The `DrawerLayout` is the parent component and `NavigationView` is typically placed within the `DrawerLayout`. One key thing to note is that the `Drawer` should not be used as the only means of navigating through an application, according to Android's design guidelines.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/111-animations.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/111-animations.md
new file mode 100644
index 000000000..21b969624
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/111-animations.md
@@ -0,0 +1,5 @@
+# Animations
+
+In Android, animations are used to give a more visual, dynamic, and interactive aspect to a static user interface. Android offers four categories of animation APIs in order to create and manage the animations. These are: **Property Animation**: This allows modification of properties of an object over a given time period. **View Animation**: Consists of two subcategories i.e. Tween Animation (transition of a view from one state to another) and Frame Animation (displaying frames one after another). **Drawable Animation**: This is similar to a slideshow, showing one image after another. Lastly, **Layout Animation**: This is used to animate the layout itself when views are added or removed.
+
+You can utilize Android's built-in animations or fully customize your own to add unique transitions and movements in your applications. Every app can benefit from a touch of animation to create a more immersive and pleasant user experience.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/elements/index.md b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/index.md
new file mode 100644
index 000000000..0c5f631f9
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/elements/index.md
@@ -0,0 +1 @@
+# Elements
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/index.md b/src/data/roadmaps/android/content/104-interface-and-navigation/index.md
new file mode 100644
index 000000000..7c3bae050
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/index.md
@@ -0,0 +1,3 @@
+# Interface and Navigation
+
+In Android development, the concepts of "Interface" and "Navigation" are crucial. The "Interface" often refers to the Graphical User Interface (GUI) that users interact with. This includes buttons, text fields, image views, scroll views and other UI elements that the users can interact with to perform certain tasks. Tools like XML and Material Designs are used for interface design in Android. Meanwhile, "Navigation" refers to the interactions that allow users to navigate across, into, and back out from the different pieces of content within the app, following a clear path, like a map. Android uses the Navigation Component, a suite of libraries, tools, and guidance on constructing in-app navigation. Understanding both these elements, Interface and Navigation, is fundamental to creating an intuitive and user-friendly Android application.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/100-frame.md b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/100-frame.md
new file mode 100644
index 000000000..01bb9e0c5
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/100-frame.md
@@ -0,0 +1,3 @@
+# Frame
+
+The `FrameLayout` in Android is a layout manager that pinpoints its children to the top left corner of the layout. This means that all children will be piled up on each other at the same top left corner, which might not be visually appealing. However, it can be useful in some specific designs, where you desire to overlay one view on top of another. Additionally, `FrameLayout` allows you to control the positioning of items in the frame by configuring the `gravity` property. However, bear in mind that this layout does not provide any visual structure – you may need to use `padding` or `margin` to create spaces between the elements in the frame.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/101-linear.md b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/101-linear.md
new file mode 100644
index 000000000..0830259e3
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/101-linear.md
@@ -0,0 +1,3 @@
+# Linear
+
+`Linear Layout` in Android is a layout where all elements are aligned in a linear fashion - either horizontally or vertically. Each element inside a `LinearLayout` takes up space according to its size. In a vertical layout, elements can occupy the full width and a certain height, whereas in a horizontal layout, elements can occupy the full height and a certain width. This is extremely useful if you want to align elements in a single direction. You provide the orientation of a `LinearLayout` using the `android:orientation` attribute.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/102-relative.md b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/102-relative.md
new file mode 100644
index 000000000..92d89bbef
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/102-relative.md
@@ -0,0 +1,3 @@
+# Relative
+
+`RelativeLayout` in Android is a layout that positions views based on their relationship to each other or the parent. This means that you can set your views related to the position of siblings (other child views) or the parent. For example, you can place a button right to an ImageView, or at the bottom of a parent view. Android systems determine this order dynamically by examining each of the RelativeLayout parameters, such as `android:layout_below` or `android:layout_toRightOf`, and applying them according to the rules defined. This layout is useful when you're building a UI that needs to maintain relative positioning of elements, even as screen size or orientation changes.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/103-constraint.md b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/103-constraint.md
new file mode 100644
index 000000000..216beb08c
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/103-constraint.md
@@ -0,0 +1,3 @@
+# Constraint
+
+ConstraintLayout is a ViewGroup that allows you to position and size widgets in a flexible way. It was added to Android Studio 2.2 in 2016. It's similar to RelativeLayout in that all views are laid out according to relationships between sibling views and the parent layout, but it's more flexible than RelativeLayout and easier to use with Android Studio's Layout Editor. All direct children of a ConstraintLayout have a set of constraints that define their position. These constraints are used to position the child's left or top edge relative to other views or the parent layout. The position and size for each view can be specified using a number of methods including baseline alignment, margins, and bias. ConstraintLayout works best with Android Studio's Layout Editor where you can drag-and-drop views and then add constraints to fine-tune view positions.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/104-recycle-view.md b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/104-recycle-view.md
new file mode 100644
index 000000000..c06caf124
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/104-recycle-view.md
@@ -0,0 +1,3 @@
+# RecycleView
+
+The `RecyclerView` is an enhanced version of the `ListView` and the `GridView`. It is a more advanced and flexible version of `ListView`. In `RecyclerView`, there are several different components that work together to display your data. The `RecyclerView.Adapter` is similar to the `BaseAdapter`; it takes data and turns it into views that can be inserted in the `RecyclerView` layout. On the other hand, the `RecyclerView.LayoutManager` helps positioning items inside the `RecyclerView` and determining the behavior when scrolling. A third significant component is `RecyclerView.ViewHolder`. It provides references to the views for each data item which help to reduce unnecessary calls to `findViewById()`. It's also important to mention that the `RecyclerView` class supports not only lists but also a custom implementation of horizontal or vertical lists, grids, or staggered grids while offering more opportunities for fantastic custom animations.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/index.md b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/index.md
new file mode 100644
index 000000000..bb2e69dee
--- /dev/null
+++ b/src/data/roadmaps/android/content/104-interface-and-navigation/layouts/index.md
@@ -0,0 +1 @@
+# Layouts
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/100-repository-pattern.md b/src/data/roadmaps/android/content/105-design-architecture/100-repository-pattern.md
new file mode 100644
index 000000000..f428de86f
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/100-repository-pattern.md
@@ -0,0 +1,3 @@
+# Repository Pattern
+
+In Android design architecture, the `Repository Pattern` separates the data sources from the rest of the application. It acts as a mediator between different data sources, such as persistent models, web services, or caches. Instead of having the network and database calls spread out throughout your ViewModel, they are encapsulated within a Repository class. This separation will make the code clean, easy to read and testable. It provides a simple API for data access, the rest of the app doesn't need to know where the data is coming from it just asks the repository.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/101-builder-pattern.md b/src/data/roadmaps/android/content/105-design-architecture/101-builder-pattern.md
new file mode 100644
index 000000000..3e0ed23af
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/101-builder-pattern.md
@@ -0,0 +1,3 @@
+# Builder Pattern
+
+The **Builder Pattern** in Android is used to construct complex objects step by step. It separates the construction of an object from its representation. The pattern involves a `Builder` class which is used to construct the `Product` class. The Builder class typically has a method for each part that may be used to construct a Product. It also has a method for returning the final product. The Builder pattern is useful in situations where you might have multiple ways to create an object or when an object requires a large number of parameters for its constructor.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/100-flow.md b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/100-flow.md
new file mode 100644
index 000000000..5d51234cd
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/100-flow.md
@@ -0,0 +1,3 @@
+# Flow
+
+`Flow` in Android development is part of the Kotlin Coroutines library. It is a type that can emit multiple values sequentially, making it perfect for working with any data streams or any streams of events that aren't instantaneous. Like Observables, `Flow` is also based on the observer pattern, meaning it can emit values and these emissions can be observed and reacted to. However, `Flow` comes with built-in backpressure handling and the ability to transform, filter, or combine these flows in a sequence. Along with Coroutines, `Flow` encourages a more predictable and simplified concurrency design without callback hell problem.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/101-rxjava.md b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/101-rxjava.md
new file mode 100644
index 000000000..cbb3eef4a
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/101-rxjava.md
@@ -0,0 +1,7 @@
+# RxJava
+
+RxJava, standing for Reactive Extensions for the JVM, is a library in the Java and Android ecosystem that allows developers to write asynchronous, event-based programs. It is developed according to reactive programming principles and it supports multi-threading operations. One can create data streams from just about anything - variables, data structures, inputs, etc. and these streams could be used with functional programming methods to process the data. 
+
+In Android, RxJava is often used in combination with Retrofit, to handle API calls or with Room, to handle tasks involving the database. This library provides a set of operators such as `map()`, `filter()`, `concat()`, `merge()`, `flatmap()` etc. to handle tasks such as chain asynchronous operations, perform computations, or transform data. 
+
+There are three important entities in RxJava - 'Observable', 'Observer' and 'Subscription'. 'Observable' is a data stream that does some work, 'Observer' watches the 'Observable' and does something when the 'Observable’ changes, and 'Subscription' is what ties an 'Observer' to an 'Observable' - linking their lifecycles and allowing 'Observer’s to unsubscribe (to stop receiving updates) when they’re destroyed. In other words, 'Subscription' is what allows you to manage memory and prevent crashes due to leaks.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/102-rxkotlin.md b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/102-rxkotlin.md
new file mode 100644
index 000000000..f54056975
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/102-rxkotlin.md
@@ -0,0 +1,3 @@
+# RxKotlin
+
+`RxKotlin` is a lightweight library that adds convenient extension functions to `RxJava`. It allows developers to use RxJava with Kotlin in a more idiomatic way, thus making code more readable and understandable. While `RxJava` is a Java-based implementation of Reactive Extensions, `RxKotlin` is essentially a wrapper that includes extension functions and other constructs to take full advantage of Kotlin's features, such as its syntactic simplicity and ease of use.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/103-livedata.md b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/103-livedata.md
new file mode 100644
index 000000000..8a46eb365
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/103-livedata.md
@@ -0,0 +1,3 @@
+# LiveData
+
+`LiveData` is a data holder class that can be observed within a given lifecycle. This means that an `Observer` can be added in a pair with a `LifecycleOwner`, and this observer will be notified about modifications of the `LiveData` object only if the associated `LifecycleOwner` is in active state. `LiveData` respects the lifecycle state of app components, such as activities, fragments, or services, and it only updates app-component observers that are in an active lifecycle state. Furthermore, `LiveData` automatically removes the observers when their associated `LifecycleOwner` moves to the `Destroyed` state. This combination of `LiveData` and `LifecycleOwner` helps you to manage appropriate and efficient updates because `LiveData` takes into consideration the lifecycle state of your app components.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/index.md b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/index.md
new file mode 100644
index 000000000..69b31fe73
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/102-observer-pattern/index.md
@@ -0,0 +1,3 @@
+# Observer Pattern
+
+The **Observer Pattern** is a software design pattern in which an object, known as the subject, maintains a list of its dependants, called observers, and notifies them automatically of any state changes. This is usually done by calling one of their methods. It's mainly used for implementing distributed event handling systems and is viewed as a good practice to follow, making your design more robust, flexible, and scalable. The subject to be observed triggers events and observers react to the change or the event that they are listening to. In Android, observable libraries like `LiveData`, `RxJava`, `Flow`, and other reactive streams allow the implementation of observer pattern.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/100-dagger.md b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/100-dagger.md
new file mode 100644
index 000000000..e13a3b2f7
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/100-dagger.md
@@ -0,0 +1,3 @@
+# Dagger
+
+[Dagger](https://dagger.dev/) is a fully static, compile-time dependency injection framework for both Java and Android. It is an adaptation of an earlier version created by Square that's focused on simplicity and speed. Dagger's primary focus is on compile-time analysis of dependencies, code simplicity, and clarity. It uses annotations to define dependencies, thus aiding in easy readability and understanding of the code. Dagger also eliminates the use of reflection to inject dependencies, thus boosting performance. It offers custom scopes to control the lifespan of instances and ensures that dependencies are Singleton across the entire lifespan of certain scopes.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/101-hilt.md b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/101-hilt.md
new file mode 100644
index 000000000..935eda834
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/101-hilt.md
@@ -0,0 +1,3 @@
+# Hilt
+
+Hilt is a dependency injection library for Android that reduces the boilerplate code that you would normally need to write when setting up manual dependency injection in your project. It is based on the Dagger library, but it simplifies the implementation process and streamlines the use of Dagger in Android apps. To set it up, you must annotate your Android classes and Hilt will automatically generate and provide the necessary dependencies for you. Moreover, Hilt provides predefined set of components tied to the Android lifecycle which helps to handle scoped instances.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/102-koin.md b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/102-koin.md
new file mode 100644
index 000000000..cf5418b8d
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/102-koin.md
@@ -0,0 +1,3 @@
+# Koin
+
+[Koin](https://insert-koin.io) is a lightweight dependency injection framework developed specifically for Kotlin developers. It uses functional resolution only - no proxy, no code generation, no reflection, and offers simplicity by leveraging Kotlin's language features. While Koin is not related to the Android platform, it provides specific extensions enabling an efficient integration into your Android applications, including [Android Architecture Components](https://developer.android.com/topic/libraries/architecture/index.html) and [Kotlin Coroutines](https://kotlinlang.org/docs/reference/coroutines-overview.html), amongst others.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/103-kodein.md b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/103-kodein.md
new file mode 100644
index 000000000..1cc02971c
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/103-kodein.md
@@ -0,0 +1,3 @@
+# Kodein
+
+`Kodein` is one of the recommended dependency injection frameworks suitable for Android development. This open-source Kotlin library simplifies the DI process by allowing developers to bind various types of dependencies, such as singleton, factory, or provider bindings into containers or `Kodein` modules. It promotes dependency declaration where used, instead of prior declaration. It follows a "Define in Use" principle that enables easy-to-use, easy-to-debug and very idiomatic Kotlin code. It's also worth noting that `Kodein` works hand in hand with Android's lifecycle and provides easy integration with popular libraries such as Android Architecture Components, leveraging their functionality.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/index.md b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/index.md
new file mode 100644
index 000000000..246ec9587
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/103-dependency-injection/index.md
@@ -0,0 +1,3 @@
+# Dependency Injection
+
+`Dependency Injection` is a technique where an object does not need to create its own dependencies; instead, dependencies are provided (or injected) at runtime. This technique is highly beneficial in Android Development. It helps in creating loosely coupled and easily testable code. For example, the `Retrofit` instance that your application requires to make network calls can be created somewhere else and can be injected whenever required using libraries like `Dagger`, `Koin` or `Hilt`. The `ViewModel` instances can also be injected rather than being created in the required classes directly. Through dependency injection, plugins ensure the code becomes easier to change, understand, and maintain, hence, improving the quality of the code.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/104-factory-pattern.md b/src/data/roadmaps/android/content/105-design-architecture/104-factory-pattern.md
new file mode 100644
index 000000000..04961ebd1
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/104-factory-pattern.md
@@ -0,0 +1,37 @@
+# Factory Pattern
+
+The **Factory Pattern** is part of the Creational Design Patterns. This pattern provides an interface for creating objects in a superclass, but allows subclasses to alter the type of objects that will be created. It introduces an abstraction layer between the client code and the concrete objects. Normally, this is achieved by using a factory method to create objects instead of using constructors. The instance of the class is usually created by a method, referred to as a `factory method`, which is either specified in an interface and implemented in implementing classes or implemented in a base class which may be optionally overridden by derived classes. The Factory Method is used when we want to provide users with a way to create an instance of a class from one of several possible classes that share a common super class.
+
+Here is a basic example of the Factory Pattern:
+
+```java
+public abstract class Animal {
+    public abstract String makeSound();
+}
+
+public class Dog extends Animal {
+    @override
+    public String makeSound() {
+        return "Woof";
+    }
+}
+
+public class Cat extends Animal {
+    @override
+    public String makeSound() {
+        return "Meow";
+    }
+}
+
+public class AnimalFactory {
+    public Animal createAnimal(String type) {
+        if ("Dog".equals(type)) {
+            return new Dog();
+        } else if ("Cat".equals(type)) {
+            return new Cat();
+        }
+        return null;
+    }
+}
+```
+In the code above, `AnimalFactory` is the factory class responsible to create and return instances of `Dog` and `Cat` classes.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/100-mvi.md b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/100-mvi.md
new file mode 100644
index 000000000..798723d8a
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/100-mvi.md
@@ -0,0 +1,3 @@
+# MVI
+
+"MVI" stands for Model-View-Intent, and is an architectural pattern used in Android development. This pattern introduces a unidirectional data flow which makes it easier to understand an app's state at any given point in time. In the MVI pattern, the `Intent` represents an intention or desire to perform an action, often triggered by user inputs. The `View` is responsible for rendering the UI and emitting intents. The `Model`, on the other hand, represents the state of the app and reacts to intents by changing its state. It's the Model's responsibility to respond to each Intent with a resulting new state. Once a new state is created, it is published back to the `View`. This clear separation and single direction of data and event flow can help in managing side-effects and handling asynchronous actions.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/101-mvvm.md b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/101-mvvm.md
new file mode 100644
index 000000000..f9554bfd5
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/101-mvvm.md
@@ -0,0 +1,3 @@
+# MVVM
+
+"**MVVM**" stands for "Model View ViewModel" and it is an architectural pattern that aims to separate the development of Graphical User Interface from the business logic. In MVVM, the **Model** represents the data and the business logic of the app. The **View** is responsible for the display of the data and interacts with the user. The **ViewModel** acts as a link between the Model and the View. It handles all the UI logic and preserves the state of the data when the configuration changes or when the app is stopped and then started again.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/102-mvp.md b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/102-mvp.md
new file mode 100644
index 000000000..f169c4e4d
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/102-mvp.md
@@ -0,0 +1,3 @@
+# MVP
+
+MVP stands for Model-View-Presenter. It is an architectural pattern often used in Android development. In MVP, the architect separates the application's responsibilities into three main layers. The 'Model' refers to the data and business logic of the application. The 'View', typically implemented by an Activity or Fragment in Android, is responsible for displaying the data to the user and collecting user inputs. Lastly, the 'Presenter' works as a bridge between the Model and the View. It listens to user interactions from the View and updates the Model accordingly, and also updates the View based on changes in the Model. This separation of responsibilities allows for better code organization, easier testing, and greater flexibility.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/103-mvc.md b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/103-mvc.md
new file mode 100644
index 000000000..40205e9ec
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/103-mvc.md
@@ -0,0 +1,3 @@
+# MVC
+
+MVC stands for Model-View-Controller. It is a widely used design pattern for designing software's architecture. According to this, an application is divided into three core components. The 'Model' is responsible for handling the data and business logic. The 'View' is responsible for rendering the model's data and generating the user interface. The 'Controller' acts as an interface between the Model and View. It processes all the user's interactions and updates the View and Model accordingly. It's crucial to note that in MVC, the View can have multiple representations of the Model.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/index.md b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/index.md
new file mode 100644
index 000000000..9dc6d42a6
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/architectural-patterns/index.md
@@ -0,0 +1 @@
+# Architectural patterns
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/105-design-architecture/index.md b/src/data/roadmaps/android/content/105-design-architecture/index.md
new file mode 100644
index 000000000..1fdb41f54
--- /dev/null
+++ b/src/data/roadmaps/android/content/105-design-architecture/index.md
@@ -0,0 +1,3 @@
+# Architecture and Design Patterns
+
+In Android, **Design Architecture** refers to structuring the code in a way that increases its readability, maintainability, and testability. There are several ways to design architecture like [Model-View-Controller (MVC)](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller), [Model-View-Presenter (MVP)](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93presenter), [Model-View-ViewModel (MVVM)](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel), and [Model-View-Intent (MVI)](https://www.raywenderlich.com/817602-mvi-architecture-for-android-tutorial-getting-started). Each of these define the interaction between the data, the logic, and the UI layers. Google’s recommended architectural pattern is [Android Architecture Components](https://developer.android.com/topic/libraries/architecture) which follow the principles of the MVVM pattern. Bear in mind that an architecture is not a rigid structure that fits all solutions. Rather, it serves as a guideline and can be tweaked as necessary.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/106-storage/100-shared-preferences.md b/src/data/roadmaps/android/content/106-storage/100-shared-preferences.md
new file mode 100644
index 000000000..7cf6e9dd8
--- /dev/null
+++ b/src/data/roadmaps/android/content/106-storage/100-shared-preferences.md
@@ -0,0 +1,3 @@
+# Shared Preferences
+
+Shared Preferences in Android are used to store data in key-value pairs. It works similar to a tiny database where you can save small pieces of data such as settings or the state of an application. When data is saved to Shared Preferences, it persists across user sessions, even if your application is killed or gets deleted. Data in Shared Preferences is not typically used for large amounts of data. To perform actions such as saving, retrieving, or editing data in Shared Preferences, you use an instance of `SharedPreferences.Editor`.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/106-storage/101-datastore.md b/src/data/roadmaps/android/content/106-storage/101-datastore.md
new file mode 100644
index 000000000..bc18bd173
--- /dev/null
+++ b/src/data/roadmaps/android/content/106-storage/101-datastore.md
@@ -0,0 +1,3 @@
+# DataStore
+
+`DataStore` is a new and improved data storage solution by Android, meant to supersede `SharedPreferences`. It is important to understand that it comes in two different implementations: `Preferences DataStore` and `Proto DataStore`. `Preferences DataStore` uses key-value pairs similar to `SharedPreferences`, but it's more robust and handles runtime exceptions more efficiently. On the other hand, `Proto DataStore` uses custom data types to provide type safety. It lets you leverage the power of Protocol Buffers, a language-neutral, platform-neutral mechanism for serializing structured data, as the data storage format. Operating on data in `DataStore` is transactional, meaning that if an error occurs during an operation, all changes are rolled back, so the data remains in a consistent state.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/106-storage/102-room.md b/src/data/roadmaps/android/content/106-storage/102-room.md
new file mode 100644
index 000000000..0b866b6f8
--- /dev/null
+++ b/src/data/roadmaps/android/content/106-storage/102-room.md
@@ -0,0 +1,3 @@
+# Room Database
+
+"Room" is a persistence library introduced by Google that provides an abstraction layer over SQLite to help with robust database access while harnessing the full power of SQLite. Room supports the creation of databases and defines queries in compile-time-checked SQL strings. These databases belong to the data classes that you create representing your app's data. Room comprises three main components: **Database**, a container that holds your app's data tables; **Entity**, representing a table within the database; and **DAO (Data Access Object)**, containing SQL query methods to interact with the database.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/106-storage/103-file-system.md b/src/data/roadmaps/android/content/106-storage/103-file-system.md
new file mode 100644
index 000000000..72ab0f3f9
--- /dev/null
+++ b/src/data/roadmaps/android/content/106-storage/103-file-system.md
@@ -0,0 +1,3 @@
+# File System
+
+The Android operating system uses a specific File System structure to store and manage files. It’s primarily based on the Linux File system, with some specific Android features. The File System includes several key directories that are used for specific purposes. For instance, directories such as `/system` hold system apps and firmware, while `/data` contains user data, settings and installed applications, and `/sdcard` usually represents an internal or external SD card for additional storage. It's worth mentioning directories like `/proc`, `/dev`, and `/sys` which are virtual file systems and house important system files. As an Android developer, understanding these directories can help you interact with Android's file system more effectively. Note that access to some of these directories may be restricted depending on system permissions.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/106-storage/index.md b/src/data/roadmaps/android/content/106-storage/index.md
new file mode 100644
index 000000000..948a88d85
--- /dev/null
+++ b/src/data/roadmaps/android/content/106-storage/index.md
@@ -0,0 +1,3 @@
+# Storage
+
+On Android devices, storage refers to where your data such as apps, photos, videos, and music are saved. It can be categorized into two types: internal and external storage. Internal Storage is where data is stored that's tied directly to your app. This data is private by default and not accessible by other apps. External Storage, on the other hand, is a shared space where all apps can read and write data. It can be further subcategorized into Public and Private directories. Public directories are shared among all apps while private directories are specific to your app but can be accessed by other apps if they have the appropriate permissions. To control the access to these storage types, Android provides a file-based and a Scoped Storage framework. The latter limits apps' access to external storage and gives users more control over their data.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/107-network/100-retrofit.md b/src/data/roadmaps/android/content/107-network/100-retrofit.md
new file mode 100644
index 000000000..68823fe37
--- /dev/null
+++ b/src/data/roadmaps/android/content/107-network/100-retrofit.md
@@ -0,0 +1,13 @@
+# Retrofit
+
+Retrofit is a type-safe HTTP client for Android and Java. It's designed to connect your application with an API or a back-end web service. Retrofit uses annotations to encode details about the API's operations and requests, such as the HTTP method (GET, POST, PUT, DELETE, HEAD) and the query parameters. The main advantage of Retrofit over other similar libraries is in its simplicity and intuitiveness, and it efficiently handles all network calls.
+```
+Retrofit retrofit = new Retrofit.Builder()
+                      .baseUrl("https://api.example.com")
+                      .addConverterFactory(GsonConverterFactory.create())
+                      .build();
+
+ExampleService service = retrofit.create(ExampleService.class);
+Call<ExampleResponse> call = service.exampleCall();
+```
+The `baseUrl()` is your API base URL. The `addConverterFactory()` specifies a factory to use for serialization and deserialization. In the example above, the Gson library will handle the conversion of JSON data. The `build()` call finishes the builder and returns the retrofit instance. Finally, `create()` generates an implementation of the `ExampleService` interface.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/107-network/101-okhttp.md b/src/data/roadmaps/android/content/107-network/101-okhttp.md
new file mode 100644
index 000000000..94f1d7419
--- /dev/null
+++ b/src/data/roadmaps/android/content/107-network/101-okhttp.md
@@ -0,0 +1,3 @@
+# OkHttp
+
+`OkHttp` is an HTTP client that's extremely efficient, enabling several advanced features in Android app or other platforms that use Java. Developed by Square, it's built for high efficiency and capacity, simplifying many networking tasks, including connection pooling, response caching, and request retries. OkHttp allows seamless recovery from network issues, minimizing the loss of data. The library ensures fewer errors and higher quality of service by using the modern TLS encryption, extensible request and response models, and a fluent API for ease of use and integration.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/107-network/102-apollo-android.md b/src/data/roadmaps/android/content/107-network/102-apollo-android.md
new file mode 100644
index 000000000..0c7b8304a
--- /dev/null
+++ b/src/data/roadmaps/android/content/107-network/102-apollo-android.md
@@ -0,0 +1,3 @@
+# Apollo-Android
+
+**Apollo Android** is a set of tools for using GraphQL with Android, made by the Apollo community developers. It's fully written in Kotlin and it was designed to seamlessly integrate with any Android app, making fetching data across network and handling data in the client-side a breeze. Apollo Android runs your queries and mutations and returns results as generated Kotlin types. It also normalizes your data and caches your results for further speed enhancements. It operates both on Android and Kotlin/JVM backend environment. It's also coroutines-first making handling concurrency easy and effective. To use Apollo Android, you'll set up the plugin, point it at your GraphQL schema, and write GraphQL queries.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/107-network/index.md b/src/data/roadmaps/android/content/107-network/index.md
new file mode 100644
index 000000000..d938f8a23
--- /dev/null
+++ b/src/data/roadmaps/android/content/107-network/index.md
@@ -0,0 +1,3 @@
+# Network
+
+In Android, the `Network` component offers vital capabilities that enable communication and interaction among users, between users and remote servers, and between users and cloud services. Android provides a variety of APIs and services to interact with networks. The primary APIs are the `ConnectivityManager`, `WifiManager`, `TelephonyManager`, and `BluetoothManager` APIs, among others. ConnectivityManager, for example, can tell you about network connectivity changes. The **Network** component also involves tools for network monitoring and testing, which can be useful for optimizing app performance and dealing with connectivity issues. Be aware, some network operations are subject to system imposed restrictions and require specific permissions.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/108-asynchronism/100-coroutines.md b/src/data/roadmaps/android/content/108-asynchronism/100-coroutines.md
new file mode 100644
index 000000000..707afd52c
--- /dev/null
+++ b/src/data/roadmaps/android/content/108-asynchronism/100-coroutines.md
@@ -0,0 +1,3 @@
+# Coroutines
+
+In Android, `coroutines` refer to a concurrency design pattern that you can use on Android to simplify code that executes asynchronously. `Coroutines` provide a way to write asynchronous, non-blocking code in a natural, sequential manner. The fundamental building blocks of `coroutines` are `suspend` functions which are simply functions that can be paused and resumed at later times. They are the key to writing non-blocking asynchronous code and represent a single unit of asynchronous computation. This aspect of `coroutines` makes them useful for managing long-running tasks that might otherwise block the main thread and cause your application to become unresponsive.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/108-asynchronism/101-threads.md b/src/data/roadmaps/android/content/108-asynchronism/101-threads.md
new file mode 100644
index 000000000..e496add54
--- /dev/null
+++ b/src/data/roadmaps/android/content/108-asynchronism/101-threads.md
@@ -0,0 +1,3 @@
+# Threads
+
+In Android, a `Thread` is a concurrent unit of execution. It has its own call stack, but can share its state with other threads in the same process, i.e., they can share the same memory area. They're primarily used in Android to perform operations in the background. One important aspect to note is that Android UI operations are not thread-safe, meaning they should always be done on the UI thread. Operations on `Threads` are typically managed through `Handler`, `Looper` and `MessageQueue` classes. Android also provides high-level constructs like `AsyncTask` and `Loader` for managing threads in relation to the UI.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/108-asynchronism/102-rxjava.md b/src/data/roadmaps/android/content/108-asynchronism/102-rxjava.md
new file mode 100644
index 000000000..72e3ff06e
--- /dev/null
+++ b/src/data/roadmaps/android/content/108-asynchronism/102-rxjava.md
@@ -0,0 +1,3 @@
+# RxJava
+
+RxJava (Reactive Extensions for the JVM) is a powerful library for composing asynchronous and event-based programs using observable sequences in Java. If you are an Android developer, you might be familiar with callbacks and async tasks to perform long-running operations in the background. However, handling multiple async tasks and nested callbacks can produce code that's complicated to read and maintain. To alleviate such complexities, RxJava provides tools and methods to create, transform and chain Observable sequences in a clean and declarative manner. In other words, it provides a way to manage asynchronicity and concurrency in your code.
diff --git a/src/data/roadmaps/android/content/108-asynchronism/103-rxkotlin.md b/src/data/roadmaps/android/content/108-asynchronism/103-rxkotlin.md
new file mode 100644
index 000000000..bec3a9363
--- /dev/null
+++ b/src/data/roadmaps/android/content/108-asynchronism/103-rxkotlin.md
@@ -0,0 +1,3 @@
+# RxKotlin
+
+`RxKotlin` is a lightweight language extension to Java for Android development, enabling Android apps to be built using Kotlin with Reactivex. It brings the power of reactive programming paradigm to Kotlin, extending its capabilities for processing asynchronous streams of data. It allows you to express static (e.g., already known) or dynamic (e.g., future unknown) data streams, and perform various operations on them easily. Key concepts of `RxKotlin` include Observables, Observers and Schedulers. Observables represent the data streams, Observers interact with the data stream, and Schedulers determine on which thread operations are performed. RxKotlin helps manage background tasks, handle asynchronous data streams, and implement complex UIs, among others. It is especially beneficial for mobile development where UI thread and background thread coordination is essential.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/108-asynchronism/104-work-manager.md b/src/data/roadmaps/android/content/108-asynchronism/104-work-manager.md
new file mode 100644
index 000000000..6460e03f2
--- /dev/null
+++ b/src/data/roadmaps/android/content/108-asynchronism/104-work-manager.md
@@ -0,0 +1,3 @@
+# WorkManager
+
+`WorkManager` is an Android library introduced by Google to execute tasks in a predictable and reliable manner. It's designed for tasks that require guaranteed execution, even if the app has been closed or the device restarts. It is backwards compatible up to API 14 and uses JobScheduler for API 23 and above, whilst using a combination of BroadcastReceiver + AlarmManager for APIs 14 and up. Regardless of the device API level, WorkManager works for all Android devices. Three types of work are supported by WorkManager - OneTimeWorkRequest, PeriodicWorkRequest, and DelayedWorkRequest. You can have constraints too for your work execution like work only when there's Internet or work only when the device is in idle state. It also supports work-chaining where you can create a chain of works to be performed in a specific order.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/108-asynchronism/index.md b/src/data/roadmaps/android/content/108-asynchronism/index.md
new file mode 100644
index 000000000..49fe87ffe
--- /dev/null
+++ b/src/data/roadmaps/android/content/108-asynchronism/index.md
@@ -0,0 +1,3 @@
+# Asynchronism
+
+Asynchronism in Android is a practice that defines operations, which can run independently from the main operation without following the program's linear flow. The Android system uses threads to handle asynchronous processes. These threads function independently, ensuring that complex or time-consuming operations do not interfere with the user interface or other essential parts of the application. Android provides various tools for carrying out asynchronous tasks, such as `Handler`, `ThreadPoolExecutor`, `IntentService`, `AsyncTask`, and `Loader` etc. These tools provide ways to execute tasks on different threads and communicate the results back to the main thread.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/100-firebase/100-authentication.md b/src/data/roadmaps/android/content/109-common-services/100-firebase/100-authentication.md
new file mode 100644
index 000000000..902d9e856
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/100-firebase/100-authentication.md
@@ -0,0 +1,9 @@
+# Authentication
+
+Firebase Authentication in Android provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords, popular federated identity providers like Google, Facebook and Twitter, and more. Firebase also facilitates integration of functionality to sign in, sign up, and reset password. Moreover, it can be used to secure your database by implementing role-based access to data and to provide personalized experience according to the user's unique identity.
+
+Firebase Authentication offers two methods to authenticate. These are using an `email/password` login provided by Firebase Authentication or a `federated identity provider` like Google or Facebook. It also covers token-based authentication by creating custom tokens or verifying ID tokens. In addition to this, Firebase Authentication works with Firebase's client SDKs for practical use and works for long-running server processes for some of your users.
+
+Firebase Authentication provides a full suite of capabilities even beyond authentication to make your life easier, which includes Security Rules for Cloud Storage and Cloud Firestore, Firebase Dynamic Links, and Firebase Invites.
+
+Remember to always keep your development environment and Firebase console synced for smooth development operations. Any changes to the authentication method in the Firebase console should be reflected in your app and vice versa.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/100-firebase/101-crashlytics.md b/src/data/roadmaps/android/content/109-common-services/100-firebase/101-crashlytics.md
new file mode 100644
index 000000000..2308ad652
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/100-firebase/101-crashlytics.md
@@ -0,0 +1,3 @@
+# Crashlytics
+
+`Crashlytics` is a lightweight, real-time crash reporter that helps you track, prioritize, and fix stability issues that dismantle your app's quality. It delivers fast and precise information about crashes and helps you gain insights into your app's performance so you can pinpoint the exact line of code your app crashed on. Crashlytics offers a comprehensive suite of features like crash analysis, issue aggregation, and tracking user activities that led to a crash. This tool is now a part of Google's `Firebase` platform but can also be used independently.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/100-firebase/102-remote-config.md b/src/data/roadmaps/android/content/109-common-services/100-firebase/102-remote-config.md
new file mode 100644
index 000000000..63e2cab59
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/100-firebase/102-remote-config.md
@@ -0,0 +1,3 @@
+# Remote Config
+
+Firebase Remote Config is a cloud service offered by Firebase. It lets you change the behavior and appearance of your app without requiring a new app release. By using Firebase Remote config, you can customize your app for different user segments, manage the core aspects of your app by modifying parameters externally, and conduct A/B tests to improve your app. It works efficiently by using default values that control the behavior and appearance of your app. When your app needs configuration information, it makes a request to the Firebase Remote Config server. If the server has updated values, these values replace the default ones, hence modifying the app's behavior or appearance according to your needs.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/100-firebase/103-cloud-messaging.md b/src/data/roadmaps/android/content/109-common-services/100-firebase/103-cloud-messaging.md
new file mode 100644
index 000000000..8265a2595
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/100-firebase/103-cloud-messaging.md
@@ -0,0 +1,3 @@
+# Cloud Messaging
+
+Firebase Cloud Messaging (FCM) is a powerful, battery-efficient messaging service that enables you to send messages reliably and securely to your Android applications. It enables you to send two types of messages: "notification messages" and "data messages". Notification messages are primarily meant for user notifications and will only be delivered when the application is in the foreground. On the other hand, data messages can handle even when the app is in the background or killed and can be used to send custom key-value pairs. FCM also supports various additional features, such as topic messaging to send messages to multiple devices subscribed to a common topic, device group messaging for sending messages to groups of user devices, and upstream messaging for sending messages from the client application to the FCM server.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/100-firebase/104-fire-store.md b/src/data/roadmaps/android/content/109-common-services/100-firebase/104-fire-store.md
new file mode 100644
index 000000000..f91f445c0
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/100-firebase/104-fire-store.md
@@ -0,0 +1,3 @@
+# FireStore
+
+Firestore, often referred to as Firebase Firestore or Cloud Firestore, is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud. Firestore comes with features like expressive querying, real-time updates, and automatic multi-region data replication. It is designed to offer seamless integration with other Firebase and Google Cloud products. It provides a cloud-based NoSQL database, which means the data is stored as collections of documents. Each document, in turn, contains a set of key-value pairs. Firestore ensures durable networking, so data syncs across client apps in real-time, even when the device is offline, making it easier for you to work with distributed data that can be kept in sync across various clients.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/100-firebase/index.md b/src/data/roadmaps/android/content/109-common-services/100-firebase/index.md
new file mode 100644
index 000000000..b02fbec7b
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/100-firebase/index.md
@@ -0,0 +1,3 @@
+# Firebase
+
+`Firebase` is a Backend-as-a-Service (BaaS) app development platform that provides hosted backend services such as a real-time database, cloud storage, authentication, crash reporting, machine learning, remote configuration, and hosting for your static files. It provides an API that allows developers to store and sync data across multiple clients. Firebase includes a responsive client library to bind application data to your user interface and backend services for authentication systems, analytics, database management, etc. Firebase simplifies application development all while ensuring server-side effectiveness.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/101-google-admob.md b/src/data/roadmaps/android/content/109-common-services/101-google-admob.md
new file mode 100644
index 000000000..15613c1c7
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/101-google-admob.md
@@ -0,0 +1,3 @@
+# Google AdMob
+
+Google AdMob is a mobile advertising platform designed for app developers to monetize their apps by displaying ads from over 1 million Google advertisers. AdMob supports a wide range of ad formats, such as banner ads, interstitial ads, video ads, and more. It offers a powerful mediator that enables you to display ads from multiple sources, which includes the Google Mobile Ads SDK, third-party ad networks, and house ad campaigns. Furthermore, AdMob provides analytical tools to better understand your users and maximize ad revenue.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/102-google-play-services.md b/src/data/roadmaps/android/content/109-common-services/102-google-play-services.md
new file mode 100644
index 000000000..6c2b45099
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/102-google-play-services.md
@@ -0,0 +1,3 @@
+# Google Play Services
+
+*Google Play Services* is a proprietary background service and API package for Android devices from Google. Operated by Google, the service provides core functionalities like authentication for Google services, synchronized contacts, access to all the latest user privacy settings, and higher quality, lower-powered location-based services. It also speeds up offline searches, provides more immersive maps, and improves gaming experiences. Google Play Services play a crucial role in the operation of various other applications, including those not developed by Google. Moreover, it improves the overall Android experience by speeding up offline searches, providing more detailed maps, enhancing gaming experiences, and more.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/109-common-services/103-google-maps.md b/src/data/roadmaps/android/content/109-common-services/103-google-maps.md
new file mode 100644
index 000000000..9e0076d28
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/103-google-maps.md
@@ -0,0 +1,3 @@
+# Google Maps
+
+Google Maps is a crucial service on Android, offering powerful, user-friendly mapping technology and local business information. Google Maps features include street maps, satellite imagery, 360° panoramic views of streets (Street View), real-time traffic conditions (Google Traffic), and route planning for traveling by foot, car, bicycle and air, or public transportation. The service's interface includes a function to overlay various layers such as traffic density, public transit lines, and cycling paths. Google Maps for Android also provides an API, which allows developers to interface with and control certain aspects of the Google Maps service in their applications. This capability subjects to certain usage limits and requirements set by Google.
diff --git a/src/data/roadmaps/android/content/109-common-services/index.md b/src/data/roadmaps/android/content/109-common-services/index.md
new file mode 100644
index 000000000..31d6f0af5
--- /dev/null
+++ b/src/data/roadmaps/android/content/109-common-services/index.md
@@ -0,0 +1,3 @@
+# Common Services
+
+In Android, "Common Services" are functional units or components provided by the Android system for use by developers. These services include things such as Location Services (used to determine the device's geographical location), Notification Services (handles the display and management of user notifications), and Sensor Services (interacts with hardware sensors). Other common services are Network and Connectivity Services, Account Manager, and Data Storage Services among others. They simplify the development process by handling complex functionalities behind the scenes, allowing developers to focus on the application's specific needs.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/110-linting/100-ktlint.md b/src/data/roadmaps/android/content/110-linting/100-ktlint.md
new file mode 100644
index 000000000..788892935
--- /dev/null
+++ b/src/data/roadmaps/android/content/110-linting/100-ktlint.md
@@ -0,0 +1,3 @@
+# Ktlint
+
+`ktlint` is a static code analysis tool. It enforces a highly consistent style and adheres extensively to the official Kotlin coding conventions. `ktlint` does not have any configuration options (by design). The only exceptions are disabling specific rule(s) and specifying indentation size. `ktlint` can check, as well as automatically fix your code. Its main goal is to bring unified code style to your project. It works on the command line as well, so it can be hooked up into your continuous integration pipeline. It also has Ant, Gradle and Maven wrappers. You can use Ktlint on any Android/Kotlin project, as long as you have Gradle or Maven installed.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/110-linting/101-detekt.md b/src/data/roadmaps/android/content/110-linting/101-detekt.md
new file mode 100644
index 000000000..4177bafce
--- /dev/null
+++ b/src/data/roadmaps/android/content/110-linting/101-detekt.md
@@ -0,0 +1,3 @@
+# Detekt
+
+`Detekt` is a static code analysis tool for the Kotlin programming language. It operates on the abstract syntax tree provided by the Kotlin compiler and can run in the command line or as a task in your Gradle build script. Detekt provides complexity reports that can be used to identify overly complex code and help simplify it. It also checks for a variety of potential bugs and code smells, including issues with formatting, naming conventions, exception handling, and more. Moreover, Detekt is highly configurable, allowing you to enable, disable, or modify the behavior of its checks to suit your project's needs.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/110-linting/index.md b/src/data/roadmaps/android/content/110-linting/index.md
new file mode 100644
index 000000000..a2344d163
--- /dev/null
+++ b/src/data/roadmaps/android/content/110-linting/index.md
@@ -0,0 +1,3 @@
+# Linting
+
+`Linting` in Android is a tool that analyzes the source code of your application to identify potential errors, bugs, stylistic errors, and suspicious constructs. The term Linting came from a Unix utility that examined C language source code. In Android, it not only checks for potential Java issues but also for XML layout files and provides alerts for issues it encounters regarding usability, performance, and accessibility. For instance, it may scrutinize a draft of your AndroidManifest.xml file for potential duplication of elements or other anomalies that would cause the app to crash.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/111-debugging/100-timber.md b/src/data/roadmaps/android/content/111-debugging/100-timber.md
new file mode 100644
index 000000000..fc3fcdc6d
--- /dev/null
+++ b/src/data/roadmaps/android/content/111-debugging/100-timber.md
@@ -0,0 +1,3 @@
+# Timber
+
+`Timber` is a logging utility tool that has been specifically extended from the `Log` class of Android. It has been built to simplify the logging process while aiming to reduce the amount of boilerplate code the developer has to write. It was designed and is maintained by Jake Wharton, a renowned contributor in the Android Developer community. In Timber, each log message is directed to the next available logger, reducing the redundancy of manually assigning log tags. The simplicity of Timber is highlighted by its ability to log without defining any tag. Most importantly, Timber only logs messages in debug builds by default, avoiding potential data leaks in your production application.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/111-debugging/101-leak-canary.md b/src/data/roadmaps/android/content/111-debugging/101-leak-canary.md
new file mode 100644
index 000000000..3fec9a18c
--- /dev/null
+++ b/src/data/roadmaps/android/content/111-debugging/101-leak-canary.md
@@ -0,0 +1,3 @@
+# Leak Canary
+
+LeakCanary is a powerful open-source memory leak detection library for Android and Java. It is integrated into your app, and once you run your app, LeakCanary immediately starts watching for memory leaks and captures a memory dump if it detects one. After investigation, it will present a full stack trace to help you pinpoint the exact location of the memory leak. With the LeakCanary's user-friendly interface, you can then analyze the memory leak right in your app. The most recent version of LeakCanary also includes other improvements like automatic detection of leaks in Activity, Fragment, View, ViewModel, LiveData, etc.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/111-debugging/102-chucker.md b/src/data/roadmaps/android/content/111-debugging/102-chucker.md
new file mode 100644
index 000000000..1fbaebc4e
--- /dev/null
+++ b/src/data/roadmaps/android/content/111-debugging/102-chucker.md
@@ -0,0 +1,3 @@
+# Chucker
+
+`Chucker` is an open-source debugging library created for Android applications. It has been designed to be easy to use and convenient for developers. This library intercepts and records all HTTP requests and responses inside your application, which helps to visualize and share this information in an understandable and easy-to-read format. Using Chucker's distinct features, you can inspect all the HTTP and HTTPS traffic going in and out of your app directly. In addition, it provides other nifty features such as a user-friendly interface to view the server's raw response. It's like having a built-in network inspector in your debugging tool, enabling you to solve network-related issues more efficiently.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/111-debugging/103-jetpack-benchmark.md b/src/data/roadmaps/android/content/111-debugging/103-jetpack-benchmark.md
new file mode 100644
index 000000000..1d5d0e26e
--- /dev/null
+++ b/src/data/roadmaps/android/content/111-debugging/103-jetpack-benchmark.md
@@ -0,0 +1,3 @@
+# Jetpack Benchmark
+
+Jetpack Benchmark is a library within the Android Jetpack Suite that allows developers to quickly and accurately measure the performance of their apps. This library can help measure CPU, memory, and IO performance of code in Android apps. Developers can define some specific code paths to be benchmarked by wrapping the code in `BenchmarkRule.measureRepeated {}`. In addition, it automatically takes care of warmup, measures your code performance, and outputs benchmarking results to the Android Studio's logcat.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/111-debugging/index.md b/src/data/roadmaps/android/content/111-debugging/index.md
new file mode 100644
index 000000000..55f486b1b
--- /dev/null
+++ b/src/data/roadmaps/android/content/111-debugging/index.md
@@ -0,0 +1,3 @@
+# Debugging
+
+"Debugging" is a critical step in the app development process. In Android development, it includes identifying and fixing errors, or bugs, in your code. You can debug Android apps using several tools and techniques. For example, Android Studio, the primary integrated development environment (IDE) for Android, comes with a built-in debugging tool, the Android Debug Bridge (ADB). This command-line tool allows you to communicate your device and perform various actions like installing and debugging apps. Android Studio also supports step-by-step debugging, where you can set breakpoints in your code and inspect the application state at those points. Additionally, you can use log messages to monitor the behavior of your application, which is especially useful for understanding the state of your app during runtime. Remember that before debugging, you need to build your app in debug mode.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/112-testing/100-espresso.md b/src/data/roadmaps/android/content/112-testing/100-espresso.md
new file mode 100644
index 000000000..b2bcf3745
--- /dev/null
+++ b/src/data/roadmaps/android/content/112-testing/100-espresso.md
@@ -0,0 +1,3 @@
+# Espresso
+
+Espresso is a testing framework provided by Android to create UI tests for Android applications. It automatically synchronizes your test actions with the UI of your application, ensuring that your test will only proceed when the necessary UI activities have been completed. In Espresso, you can programmatically simulate user interactions like clicking buttons, typing text, or swiping screens, and then examine the UI's state to confirm it's as expected. Espresso tests can run on devices running Android 4.3 (API level 18) or higher. It's important to note that Espresso tests are written based on what the user can see on the screen.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/112-testing/101-junit.md b/src/data/roadmaps/android/content/112-testing/101-junit.md
new file mode 100644
index 000000000..d5bfb6e53
--- /dev/null
+++ b/src/data/roadmaps/android/content/112-testing/101-junit.md
@@ -0,0 +1,3 @@
+# JUnit
+
+JUnit is a popular testing framework for Java programming. It forms the basis for many other testing libraries and tools in the Android ecosystem, making it important for any Android developer to become familiar with. The basic use of JUnit involves annotations such as `@Test`, indicating methods that represent a single test case. Other useful features include `@Before` and `@After` which allow for setup and teardown processes to be defined clearly. Another powerful feature in JUnit is the ability to create parameterized tests, effectively running the same test multiple times with different inputs.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/112-testing/index.md b/src/data/roadmaps/android/content/112-testing/index.md
new file mode 100644
index 000000000..e25b54975
--- /dev/null
+++ b/src/data/roadmaps/android/content/112-testing/index.md
@@ -0,0 +1,3 @@
+# Testing
+
+***Android Testing*** is a crucial part of the app development process. It involves validating the functionality, performance, usability, and consistency of your app before deploying it to the Play Store. There are two types of testing methods notably used: **Unit testing** and **Instrumentation testing**. Unit testing, as the name suggests, tests each unit or segment of your code separately. It doesn't require Android dependencies and hence, runs faster. Instrumentation testing, on another hand, requires Android dependencies and is slower. Instrumentation testing tests the UIs, simulates user interactions and validates the navigation between different parts of your app. Android provides built-in testing frameworks like `JUnit` for unit testing and `Espresso` for Instrumentation testing. These can effectively test different parts of your app, assuring its robustness.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/113-distribution/100-google-playstore.md b/src/data/roadmaps/android/content/113-distribution/100-google-playstore.md
new file mode 100644
index 000000000..a686647b5
--- /dev/null
+++ b/src/data/roadmaps/android/content/113-distribution/100-google-playstore.md
@@ -0,0 +1,3 @@
+# Google Playstore
+
+**Google Play Store** is the official distribution channel for Android apps and other digital media content. It is a global online software store developed and operated by Google. Developers submit their applications to Google Play through the Play Console where Google Play's automated systems scan for potentially malicious code and content violations, before they are published on the Play Store. Users can then browse, download, and use these applications on their Android devices or via the web. Purchases, downloads, and user feedback can be tracked via the Google Play Console. Owners of Android devices can also configure automatic updates for the applications they have installed from the store. This platform supports multiple languages and multiple forms of payment methods, making it accessible and customer-friendly.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/113-distribution/101-firebase-distribution.md b/src/data/roadmaps/android/content/113-distribution/101-firebase-distribution.md
new file mode 100644
index 000000000..a3c7b99ef
--- /dev/null
+++ b/src/data/roadmaps/android/content/113-distribution/101-firebase-distribution.md
@@ -0,0 +1,3 @@
+# Firebase Distribution
+
+Firebase Distribution is a development tool within the Google Firebase suite that allows you to share pre-release versions of your Android apps with your development team. It enables you to distribute your app binaries to multiple testers and teams to get feedback before the app's official launch. Firebase Distribution supports both Android and iOS applications and works in tandem with other features, like Firebase Crashlytics, to effectively manage the testing and debugging aspects of your application's lifecycle.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/113-distribution/102-signed-apk.md b/src/data/roadmaps/android/content/113-distribution/102-signed-apk.md
new file mode 100644
index 000000000..4d64ad4af
--- /dev/null
+++ b/src/data/roadmaps/android/content/113-distribution/102-signed-apk.md
@@ -0,0 +1,3 @@
+# Signed APK
+
+A **Signed APK** is a version of your app that you prepare for distribution in the Play Store or other Android markets. When you sign your app using a private key, you authenticate your identity as the developer of the app. It is a required step by the Android system that ensures only updates to the APK that are from the original developer will be accepted. The Android system refuses to install an app if it's not signed appropriately, thereby protecting users from potential security risks. Please make sure that you keep your private key in a safe place for future updates to your app, losing it would imply that you cannot update your app anymore.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/113-distribution/index.md b/src/data/roadmaps/android/content/113-distribution/index.md
new file mode 100644
index 000000000..95ab195d1
--- /dev/null
+++ b/src/data/roadmaps/android/content/113-distribution/index.md
@@ -0,0 +1,3 @@
+# Distribution
+
+Distribution in Android refers to the methods and channels you can use to get your Android application into the hands of users. You can choose to distribute your app on the Google Play Store, which is the official app store for the Android operating system. This platform makes your app available to users in various countries around the world. Additionally, you can also opt to distribute your app through other third-party app stores or even your own website. Furthermore, Google provides a range of distribution options such as country targeting, device targeting, and staged rollouts, which can be customized according to your distribution strategy. Remember, when you submit your application for distribution, you must adhere to the respective app store's policy and content guidelines.
\ No newline at end of file
diff --git a/src/data/roadmaps/android/content/index.md b/src/data/roadmaps/android/content/index.md
new file mode 100644
index 000000000..4e768b56d
--- /dev/null
+++ b/src/data/roadmaps/android/content/index.md
@@ -0,0 +1 @@
+# 
\ No newline at end of file
diff --git a/src/data/roadmaps/angular/angular.md b/src/data/roadmaps/angular/angular.md
index 917fb37dc..024f8dc73 100644
--- a/src/data/roadmaps/angular/angular.md
+++ b/src/data/roadmaps/angular/angular.md
@@ -37,6 +37,8 @@ relatedRoadmaps:
   - 'react'
   - 'vue'
   - 'nodejs'
+relatedQuestions:
+  - 'javascript'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/backend/backend.md b/src/data/roadmaps/backend/backend.md
index f175b8b1f..47c3239d0 100644
--- a/src/data/roadmaps/backend/backend.md
+++ b/src/data/roadmaps/backend/backend.md
@@ -63,6 +63,8 @@ relatedRoadmaps:
   - 'javascript'
   - 'nodejs'
   - 'postgresql-dba'
+relatedQuestions:
+  - 'javascript'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/frontend/frontend.md b/src/data/roadmaps/frontend/frontend.md
index a39ecfbdc..ad78c11dc 100644
--- a/src/data/roadmaps/frontend/frontend.md
+++ b/src/data/roadmaps/frontend/frontend.md
@@ -62,6 +62,9 @@ relatedRoadmaps:
   - 'angular'
   - 'vue'
   - 'design-system'
+relatedQuestions:
+  - 'javascript'
+  - 'react'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/javascript/javascript.md b/src/data/roadmaps/javascript/javascript.md
index 638f9911c..8c759696c 100644
--- a/src/data/roadmaps/javascript/javascript.md
+++ b/src/data/roadmaps/javascript/javascript.md
@@ -45,6 +45,9 @@ relatedRoadmaps:
   - 'react'
   - 'angular'
   - 'vue'
+relatedQuestions:
+  - 'javascript'
+  - 'react'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/nodejs/nodejs.md b/src/data/roadmaps/nodejs/nodejs.md
index 691a98a4a..f384c0e14 100644
--- a/src/data/roadmaps/nodejs/nodejs.md
+++ b/src/data/roadmaps/nodejs/nodejs.md
@@ -75,6 +75,8 @@ relatedRoadmaps:
   - 'system-design'
   - 'graphql'
   - 'frontend'
+relatedQuestions:
+  - 'javascript'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/react/react.md b/src/data/roadmaps/react/react.md
index 9e21919af..425c1c082 100644
--- a/src/data/roadmaps/react/react.md
+++ b/src/data/roadmaps/react/react.md
@@ -40,6 +40,9 @@ relatedRoadmaps:
   - 'vue'
   - 'nodejs'
   - 'design-system'
+relatedQuestions:
+  - 'react'
+  - 'javascript'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/vue/vue.md b/src/data/roadmaps/vue/vue.md
index 312ffd65a..61a094850 100644
--- a/src/data/roadmaps/vue/vue.md
+++ b/src/data/roadmaps/vue/vue.md
@@ -49,6 +49,8 @@ relatedRoadmaps:
   - 'react'
   - 'angular'
   - 'nodejs'
+relatedQuestions:
+  - 'javascript'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/hooks/use-outside-click.ts b/src/hooks/use-outside-click.ts
index 3ad4aae20..d0fd4ae12 100644
--- a/src/hooks/use-outside-click.ts
+++ b/src/hooks/use-outside-click.ts
@@ -3,7 +3,9 @@ import { useEffect } from 'react';
 export function useOutsideClick(ref: any, callback: any) {
   useEffect(() => {
     const listener = (event: any) => {
-      const isClickedOutside = !ref?.current?.contains(event.target);
+      const isClickedOutside =
+        !ref?.current?.contains(event.target) &&
+        !document?.getElementById('gtx-trans')?.contains(event.target);
       if (isClickedOutside) {
         callback();
       }
diff --git a/src/lib/question-group.ts b/src/lib/question-group.ts
index 305389aa5..114bccc78 100644
--- a/src/lib/question-group.ts
+++ b/src/lib/question-group.ts
@@ -54,7 +54,7 @@ export async function getAllQuestionGroups(): Promise<QuestionGroupType[]> {
       `/src/data/question-groups/*/*.md`,
       {
         eager: true,
-      }
+      },
     );
 
   const answerFilesMap = await import.meta.glob<string>(
@@ -63,7 +63,7 @@ export async function getAllQuestionGroups(): Promise<QuestionGroupType[]> {
     {
       eager: true,
       as: 'raw',
-    }
+    },
   );
 
   return Object.values(questionGroupFilesMap)
@@ -116,3 +116,32 @@ export async function getAllQuestionGroups(): Promise<QuestionGroupType[]> {
     })
     .sort((a, b) => a.frontmatter.order - b.frontmatter.order);
 }
+
+export async function getQuestionGroupsByIds(
+  ids: string[],
+): Promise<{ id: string; title: string; description: string }[]> {
+  if (!ids?.length) {
+    return [];
+  }
+
+  const questionGroupFilesMap = import.meta.glob<
+    MarkdownFileType<RawQuestionGroupFrontmatter>
+  >(`/src/data/question-groups/*/*.md`, {
+    eager: true,
+  });
+
+  return Object.values(questionGroupFilesMap)
+    .map((group) => {
+      const fileId = group?.file?.split('/')?.pop()?.replace('.md', '');
+      const frontmatter = group.frontmatter;
+
+      return {
+        id: fileId!,
+        title: frontmatter.briefTitle,
+        description: `${frontmatter.questions.length} Questions`,
+      };
+    })
+    .filter((group) => {
+      return ids.includes(group.id);
+    });
+}
diff --git a/src/lib/roadmap.ts b/src/lib/roadmap.ts
index 5836fc2e8..9ea38eab2 100644
--- a/src/lib/roadmap.ts
+++ b/src/lib/roadmap.ts
@@ -35,6 +35,7 @@ export interface RoadmapFrontmatter {
     imageUrl: string;
   };
   relatedRoadmaps: string[];
+  relatedQuestions: string[];
   sitemap: {
     priority: number;
     changefreq: string;
@@ -122,5 +123,9 @@ export async function getRoadmapById(id: string): Promise<RoadmapFileType> {
 export async function getRoadmapsByIds(
   ids: string[],
 ): Promise<RoadmapFileType[]> {
+  if (!ids?.length) {
+    return [];
+  }
+
   return Promise.all(ids.map((id) => getRoadmapById(id)));
 }
diff --git a/src/pages/[roadmapId]/index.astro b/src/pages/[roadmapId]/index.astro
index 2619db9f0..f2285077e 100644
--- a/src/pages/[roadmapId]/index.astro
+++ b/src/pages/[roadmapId]/index.astro
@@ -92,7 +92,7 @@ if (roadmapFAQs.length) {
 
   <div class='bg-gray-50 pt-4 sm:pt-12'>
     {
-      !roadmapData.isUpcoming && roadmapData.briefTitle !== 'Android' && (
+      !roadmapData.isUpcoming && (
         <div class='container relative !max-w-[1000px]'>
           <ShareIcons
             description={roadmapData.briefDescription}
@@ -109,16 +109,6 @@ if (roadmapFAQs.length) {
       )
     }
 
-    {
-      !roadmapData.isUpcoming && roadmapData.briefTitle === 'Android' && (
-        <div class='mt-0 pb-14 sm:-mt-6'>
-          <MarkdownFile>
-            <roadmapFile.Content />
-          </MarkdownFile>
-        </div>
-      )
-    }
-
     {roadmapData.isUpcoming && <UpcomingForm />}
     <UserProgressModal
       resourceId={roadmapId}
@@ -127,6 +117,7 @@ if (roadmapFAQs.length) {
     />
 
     <FAQs faqs={roadmapFAQs} />
+
     <RelatedRoadmaps roadmap={roadmapData} />
   </div>
 </BaseLayout>
diff --git a/src/styles/global.css b/src/styles/global.css
index 86746f96e..9402119f2 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -32,7 +32,7 @@ blockquote p:before {
 
 .prose ul li > code,
 .prose ol li > code,
-p > code,
+p code,
 a > code,
 strong > code,
 em > code,