diff --git a/.astro/settings.json b/.astro/settings.json
index ae1e9bec9..3205569d2 100644
--- a/.astro/settings.json
+++ b/.astro/settings.json
@@ -3,6 +3,6 @@
 		"enabled": false
 	},
 	"_variables": {
-		"lastUpdateCheck": 1718033223263
+		"lastUpdateCheck": 1719080230711
 	}
 }
\ No newline at end of file
diff --git a/src/components/EditorRoadmap/EditorRoadmap.tsx b/src/components/EditorRoadmap/EditorRoadmap.tsx
index d69974240..b74d7af57 100644
--- a/src/components/EditorRoadmap/EditorRoadmap.tsx
+++ b/src/components/EditorRoadmap/EditorRoadmap.tsx
@@ -4,9 +4,15 @@ import {
   type RoadmapRendererProps,
 } from './EditorRoadmapRenderer';
 import { Spinner } from '../ReactIcons/Spinner';
-import type { ResourceType } from '../../lib/resource-progress';
+import {
+  clearMigratedRoadmapProgress,
+  type ResourceType,
+} from '../../lib/resource-progress';
 import { httpGet } from '../../lib/http';
 import { ProgressNudge } from '../FrameRenderer/ProgressNudge';
+import { getUrlParams } from '../../lib/browser.ts';
+import { cn } from '../../lib/classname.ts';
+import { getUser } from '../../lib/jwt.ts';
 
 type EditorRoadmapProps = {
   resourceId: string;
@@ -20,6 +26,7 @@ type EditorRoadmapProps = {
 export function EditorRoadmap(props: EditorRoadmapProps) {
   const { resourceId, resourceType = 'roadmap', dimensions } = props;
 
+  const [hasSwitchedRoadmap, setHasSwitchedRoadmap] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [roadmapData, setRoadmapData] = useState<
     Omit<RoadmapRendererProps, 'resourceId'> | undefined
@@ -27,9 +34,11 @@ export function EditorRoadmap(props: EditorRoadmapProps) {
 
   const loadRoadmapData = async () => {
     setIsLoading(true);
+    const { r: switchRoadmapId } = getUrlParams();
+
     const { response, error } = await httpGet<
       Omit<RoadmapRendererProps, 'resourceId'>
-    >(`/${resourceId}.json`);
+    >(`/${switchRoadmapId || resourceId}.json`);
 
     if (error) {
       console.error(error);
@@ -38,21 +47,29 @@ export function EditorRoadmap(props: EditorRoadmapProps) {
 
     setRoadmapData(response);
     setIsLoading(false);
+    setHasSwitchedRoadmap(!!switchRoadmapId);
   };
 
   useEffect(() => {
+    clearMigratedRoadmapProgress(resourceType, resourceId);
     loadRoadmapData().finally();
   }, [resourceId]);
 
+  const aspectRatio = dimensions.width / dimensions.height;
+
   if (!roadmapData || isLoading) {
     return (
       <div
         style={
-          {
-            '--aspect-ratio': dimensions.width / dimensions.height,
-          } as CSSProperties
+          !hasSwitchedRoadmap
+            ? ({
+                '--aspect-ratio': aspectRatio,
+              } as CSSProperties)
+            : undefined
+        }
+        className={
+          'flex aspect-[var(--aspect-ratio)] w-full flex-col justify-center'
         }
-        className="flex aspect-[var(--aspect-ratio)] w-full justify-center"
       >
         <div className="flex w-full justify-center">
           <Spinner
@@ -68,11 +85,15 @@ export function EditorRoadmap(props: EditorRoadmapProps) {
   return (
     <div
       style={
-        {
-          '--aspect-ratio': dimensions.width / dimensions.height,
-        } as CSSProperties
+        !hasSwitchedRoadmap
+          ? ({
+              '--aspect-ratio': aspectRatio,
+            } as CSSProperties)
+          : undefined
+      }
+      className={
+        'flex aspect-[var(--aspect-ratio)] w-full flex-col justify-center'
       }
-      className="flex aspect-[var(--aspect-ratio)] w-full justify-center"
     >
       <EditorRoadmapRenderer
         {...roadmapData}
diff --git a/src/data/roadmaps/api-design/api-design.json b/src/data/roadmaps/api-design/api-design.json
index 5a17bed67..b5d09b720 100644
--- a/src/data/roadmaps/api-design/api-design.json
+++ b/src/data/roadmaps/api-design/api-design.json
@@ -3345,7 +3345,7 @@
         "x": -599.3135868850914,
         "y": -176.03181769055132
       },
-      "selected": true,
+      "selected": false,
       "data": {
         "label": "Related Roadmaps",
         "links": [
diff --git a/src/data/roadmaps/frontend/content/101-html/103-conventions-and-best-practices.md b/src/data/roadmaps/frontend/content/101-html/103-conventions-and-best-practices.md
deleted file mode 100644
index a85d70f26..000000000
--- a/src/data/roadmaps/frontend/content/101-html/103-conventions-and-best-practices.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Best Practices
-
-Learn to follow the best practices for writing maintainable and scalable HTML documents.
-
-Visit the following resources to learn more:
-
-- [@opensource@HTML Best Practices](https://github.com/hail2u/html-best-practices)
diff --git a/src/data/roadmaps/frontend/content/103-javascript/103-es6-and-modular-javascript.md b/src/data/roadmaps/frontend/content/103-javascript/103-es6-and-modular-javascript.md
deleted file mode 100644
index 27e26620e..000000000
--- a/src/data/roadmaps/frontend/content/103-javascript/103-es6-and-modular-javascript.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# Modern JavaScript
-
-ECMAScript 2015 or ES2015 is a significant update to the JavaScript programming language. It is the first major update to the language since ES5 which was standardized in 2009. You should look at the features introduced with ES6 and onwards.
-
-Visit the following resources to learn more:
-
-- [@article@ES6 Tutorial](https://www.javascripttutorial.net/es6/)
-- [@article@W3Schools: Javascript ES6](https://www.w3schools.com/js/js_es6.asp)
-- [@video@Learn Modern JavaScript in 1 Hour](https://www.youtube.com/watch?v=NCwa_xi0Uuc)
-- [@video@JavaScript ES6, ES7, ES8](https://www.youtube.com/watch?v=nZ1DMMsyVyI)
-- [@video@Build 15 JavaScript Projects - Vanilla JavaScript](https://www.youtube.com/watch?v=3PHXvlpOkf4)
-- [@article@Modern JavaScript ES6, ES7 & ES8](https://codeloop.org/learn-modern-javascript-es6-es7-es8)
-- [@article@Easy ES6 Goodies for Busy JavaScript Developers](https://thenewstack.io/fat-arrow-points-way-easy-es6-goodies-busy-js-devs/)
-- [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/103-javascript/104-concepts.md b/src/data/roadmaps/frontend/content/103-javascript/104-concepts.md
deleted file mode 100644
index 4e4705f43..000000000
--- a/src/data/roadmaps/frontend/content/103-javascript/104-concepts.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# JavaScript Concepts
-
-Learn and understand the concepts such as Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM and strict.
-
-Visit the following resources to learn more:
-
-- [@article@JavaScript Hoisting](https://developer.mozilla.org/en-US/docs/Glossary/Hoisting)
-- [@article@Event Bubbling and Capturing](https://javascript.info/bubbling-and-capturing)
-- [@article@Scope in JavaScript](https://developer.mozilla.org/en-US/docs/Glossary/Scope)
-- [@article@Var, Let and Const — Whats the difference?](https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/)
-- [@article@Inheritance and Prototype Chain](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)
-- [@article@JavaScript Strict Mode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode)
-- [@article@JavaScript Visualized (7 Part Series)](https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif)
-- [@video@DOM vs Shadow DOM vs Virtual DOM](https://www.youtube.com/watch?v=7Tok22qxPzQ)
-- [@article@Demystifying JavaScript Promises](https://blog.greenroots.info/series/javascript-promises)
diff --git a/src/data/roadmaps/frontend/content/108-css-architecture/101-oocss.md b/src/data/roadmaps/frontend/content/108-css-architecture/101-oocss.md
deleted file mode 100644
index 093d9f866..000000000
--- a/src/data/roadmaps/frontend/content/108-css-architecture/101-oocss.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# OOCSS
-
-As with any object-based coding method, the purpose of OOCSS or Object Oriented CSS is to encourage code reuse and, ultimately, faster and more efficient stylesheets that are easier to add to and maintain.
-
-Visit the following resources to learn more:
-
-- [@official@OOCSS Official Website](http://oocss.org/)
-- [@article@Introduction to Object Oriented CSS](https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/)
diff --git a/src/data/roadmaps/frontend/content/108-css-architecture/102-smacss.md b/src/data/roadmaps/frontend/content/108-css-architecture/102-smacss.md
deleted file mode 100644
index 4ab83d142..000000000
--- a/src/data/roadmaps/frontend/content/108-css-architecture/102-smacss.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# SMACSS
-
-SMACSS (pronounced “smacks”) is more style guide than rigid framework. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS.
-
-Visit the following resources to learn more:
-
-- [@official@SMACSS Official Website](http://smacss.com/)
diff --git a/src/data/roadmaps/frontend/content/109-css-preprocessors/102-less.md b/src/data/roadmaps/frontend/content/109-css-preprocessors/102-less.md
deleted file mode 100644
index 5afafc1ad..000000000
--- a/src/data/roadmaps/frontend/content/109-css-preprocessors/102-less.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Less
-
-Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://lesscss.org/)
-- [@article@Official Documentation](https://lesscss.org/usage/)
-- [@video@ Less CSS Pre-Processor Tutorial](https://www.youtube.com/watch?v=YD91G8DdUsw)
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md b/src/data/roadmaps/frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md
deleted file mode 100644
index 38579febc..000000000
--- a/src/data/roadmaps/frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# npm Scripts
-
-npm scripts are the entries in the scripts field of the package.json file. The scripts field holds an object where you can specify various commands and scripts that you want to expose.
-
-Visit the following resources to learn more:
-
-- [@article@Introduction to npm scripts](https://www.geeksforgeeks.org/introduction-to-npm-scripts/)
-- [@video@Codevolution: npm scripts](https://www.youtube.com/watch?v=hHt3oVk3XVk)
-- [@feed@Explore top posts about NPM](https://app.daily.dev/tags/npm?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/100-task-runners/index.md b/src/data/roadmaps/frontend/content/110-build-tools/100-task-runners/index.md
deleted file mode 100644
index 529755237..000000000
--- a/src/data/roadmaps/frontend/content/110-build-tools/100-task-runners/index.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Task Runners
-
-Task Runners are tools to simplify certain tedious tasks of development, like automating sass/scss compilation, bundling assets, linting source code, and hot reloading local server. Examples of task runners include Webpack, Grunt, Rollup, and Gulp.
-
-Visit the following resources to learn more:
-
-- [@article@What is a Javascript task runner](https://www.educative.io/answers/what-is-a-javascript-task-runner)
-- [@article@npm script](https://docs.npmjs.com/cli/v8/using-npm/scripts)
-- [@article@yarn script](https://classic.yarnpkg.com/lang/en/docs/cli/run/#toc-yarn-run-script)
-- [@article@bun script](https://bun.sh/docs/cli/run#run-a-package-json-script)
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md b/src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md
deleted file mode 100644
index 2b41ef423..000000000
--- a/src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# StandardJS
-
-Standardjs is a Style guide, with linter & automatic code fixer. It is a way to enforce consistent style in your project. It automatically formats code.
-Standard JS is a tool in the Code Review category of a tech stack.
-
-Visit the following resources to learn more:
-
-- [@official@Official Website](https://standardjs.com/)
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/100-redux.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/100-redux.md
deleted file mode 100644
index b31bd5813..000000000
--- a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/100-redux.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Redux
-
-Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as [live code editing combined with a time traveling debugger](https://github.com/reduxjs/redux-devtools).
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://redux.js.org/)
-- [@article@Official Getting Started to Redux](https://redux.js.org/introduction/getting-started)
-- [@article@Official Tutorial to Learn Redux](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)
-- [@feed@Explore top posts about Redux](https://app.daily.dev/tags/redux?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/101-mobx.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
deleted file mode 100644
index e32860974..000000000
--- a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# MobX
-
-MobX is an open source state management tool. MobX, a simple, scalable, and standalone state management library, follows functional reactive programming (FRP) implementation and prevents inconsistent state by ensuring that all derivations are performed automatically.
-
-Visit the following resources to learn more:
-
-- [@article@MobX Official Website](https://mobx.js.org/)
-- [@video@Intro to MobX Tutorial](https://www.youtube.com/watch?v=WQQq1QbYlAw)
-- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/102-recoil.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
deleted file mode 100644
index 0e4198e15..000000000
--- a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Recoil
-
-Recoil is a new state management library built by the Facebook team that simplifies global state management.
-
-Visit the following resources to learn more:
-
-- [@article@Recoil Official Website](https://recoiljs.org/)
-- [@article@Official Documentation](https://recoiljs.org/docs/introduction/getting-started)
-- [@video@Learn the basics of Recoil.js](https://www.youtube.com/watch?v=BchtCWxs7sA)
-- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/100-rxjs.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/100-rxjs.md
deleted file mode 100644
index fa8ec8d6b..000000000
--- a/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/100-rxjs.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# RxJS
-
-RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using observables that makes it easier to compose asynchronous or callback-based code.
-
-Visit the following resources to learn more:
-
-- [@official@RxJS Official Website](https://rxjs.dev/guide/overview)
-- [@article@RxJS Angular Docs](https://angular.io/guide/rx-library)
-- [@video@RxJS Crash Course](https://www.youtube.com/watch?v=PhggNGsSQyg)
-- [@video@RxJS Quick Start](https://www.youtube.com/watch?v=2LCo926NFLI)
-- [@feed@Explore top posts about RxJS](https://app.daily.dev/tags/rxjs?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/101-ngrx.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/101-ngrx.md
deleted file mode 100644
index 910e90b87..000000000
--- a/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/101-ngrx.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# NgRx
-
-NgRx is an open source library that provides reactive state management for your Angular applications
-
-Visit the following resources to learn more:
-
-- [@official@Official Documentation](https://ngrx.io/docs)
-- [@video@Angular NgRx Redux Quick Start Tutorial](https://www.youtube.com/watch?v=2LCo926NFLI)
-- [@video@NgRx Course](https://www.youtube.com/watch?v=nuHBHD32iw8)
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/100-pinia.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/100-pinia.md
deleted file mode 100644
index 429d0feb1..000000000
--- a/src/data/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/100-pinia.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Pinia
-
-Pinia is a store library for Vue.js, and can be used in Vue 2 and Vue 3, with the same API, except in SSR and its installation. It allows state sharing between pages and components around the application. As the documentation says, it is extensible, intuitive (by organization), has devtools support (in Vue.js devtools), inferred typed state even in javascript and more. In Pinia you can access, mutate, replace, use getters that works like computed, use actions, etc. The library is recommended by the official Vue.js documentation.
-
-Visit the following resources to learn more:
-
-- [@article@Official Documentation](https://pinia.vuejs.org/)
diff --git a/src/data/roadmaps/frontend/content/112-modern-css/100-styled-components.md b/src/data/roadmaps/frontend/content/112-modern-css/100-styled-components.md
deleted file mode 100644
index 72f54f488..000000000
--- a/src/data/roadmaps/frontend/content/112-modern-css/100-styled-components.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Styled components
-
-Styled-components is a CSS-in-JS library that enables you to write regular CSS and attach it to JavaScript components. With styled-components, you can use the CSS you’re already familiar with instead of having to learn a new styling structure.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://styled-components.com/)
-- [@article@Official Docs](https://styled-components.com/docs)
-- [@video@Styled Components Crash Course & Project](https://www.youtube.com/watch?v=02zO0hZmwnw)
-- [@feed@Explore top posts about Styled Components](https://app.daily.dev/tags/styled-components?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/112-modern-css/101-css-modules.md b/src/data/roadmaps/frontend/content/112-modern-css/101-css-modules.md
deleted file mode 100644
index 284917b47..000000000
--- a/src/data/roadmaps/frontend/content/112-modern-css/101-css-modules.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# CSS Modules
-
-CSS files in which all class names and animation names are scoped locally by default.
-
-Visit the following resources to learn more:
-
-- [@opensource@Project GitHub Repository](https://github.com/css-modules/css-modules)
-- [@article@Using CSS Modules In React App](https://medium.com/@ralph1786/using-css-modules-in-react-app-c2079eadbb87)
-- [@video@CSS Modules: Why are they great?](https://www.youtube.com/watch?v=pKMWU9OrA2s)
-- [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/112-modern-css/102-styled-jsx.md b/src/data/roadmaps/frontend/content/112-modern-css/102-styled-jsx.md
deleted file mode 100644
index d4b9ef16a..000000000
--- a/src/data/roadmaps/frontend/content/112-modern-css/102-styled-jsx.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Styled JSX
-
-Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. The styles you introduce for one component won't affect other components, allowing you to add, change and delete styles without worrying about unintended side effects.
-
-Visit the following resources to learn more:
-
-- [@opensource@Getting started](https://github.com/vercel/styled-jsx)
-- [@video@Styled JSX in Next.js: Master Next.js](https://www.youtube.com/watch?v=SM5uVbfgfdo)
-- [@feed@Explore top posts about JSX](https://app.daily.dev/tags/jsx?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/112-modern-css/103-emotion.md b/src/data/roadmaps/frontend/content/112-modern-css/103-emotion.md
deleted file mode 100644
index 2ef92ea70..000000000
--- a/src/data/roadmaps/frontend/content/112-modern-css/103-emotion.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Emotion
-
-Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported.
-
-Visit the following resources to learn more:
-
-- [@official@Official Website and Docs](https://emotion.sh/docs/introduction)
-- [@video@Styled components using emotion in React](https://www.youtube.com/watch?v=yO3JU2bMLGA)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md
deleted file mode 100644
index d6d1f43d3..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Bootstrap
-
-Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
-
-Visit the following resources to learn more:
-
-- [@article@Bootstrap Website](https://getbootstrap.com)
-- [@article@Bootstrap Official Blog](https://blog.getbootstrap.com/2022/07/19/bootstrap-5-2-0/)
-- [@video@Bootstrap CSS Framework - Full Course for Beginners](https://www.youtube.com/watch?v=-qfEOE4vtxE)
-- [@feed@Explore top posts about Bootstrap](https://app.daily.dev/tags/bootstrap?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/101-bulma.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/101-bulma.md
deleted file mode 100644
index c55134deb..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/101-bulma.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# Bulma
-
-Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
-
-Visit the following resources to learn more:
-
-- [@official@Bulma Website](https://bulma.io/)
-- [@course@Learn Bulma CSS](https://scrimba.com/learn/bulma)
-- [@article@How To Build A ? Responsive Blog Design With Bulma CSS](https://www.freecodecamp.org/news/how-to-build-a-responsive-blog-design-with-bulma-css-c2257a17c16b)
-- [@video@Bulma CSS Tutorial](https://youtube.com/playlist?list=PL4cUxeGkcC9iXItWKbaQxcyDT1u6E7a8a)
-- [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/index.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/index.md
deleted file mode 100644
index bf02a6321..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-css-first/index.md
+++ /dev/null
@@ -1 +0,0 @@
-# Css first
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md
deleted file mode 100644
index bc6ec88f7..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# Chakra UI
-
-Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
-
-Visit the following resources to learn more:
-
-- [@article@Chakra UI Website](https://chakra-ui.com/)
-- [@article@Chakra UI Official Getting Started](https://chakra-ui.com/docs/getting-started)
-- [@article@Why You Should Start Using Chakra UI](https://www.freecodecamp.org/news/why-should-you-start-using-chakraui/)
-- [@video@Official Getting Started Video](https://youtu.be/wI2vqXsjsIo)
-- [@video@Chakra UI Crash Course](https://youtu.be/s-bIsz-NR3c)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/102-material-ui.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
deleted file mode 100644
index 3564eebdc..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Material UI
-
-Material-UI is an open-source framework that features React components that implement Google’s Material Design.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://mui.com/material-ui/)
-- [@article@Official Documentation](https://mui.com/material-ui/getting-started/)
-- [@video@Material UI React Tutorial](https://www.youtube.com/watch?v=o1chMISeTC0)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md
deleted file mode 100644
index bc8b72ad5..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Radix UI
-
-An open-source UI component library for building high-quality, accessible design systems and web apps.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://www.radix-ui.com/)
-- [@article@Official Documentation](https://www.radix-ui.com/docs/primitives/overview/introduction)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-shadcn-ui.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-shadcn-ui.md
deleted file mode 100644
index d9a63b865..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-shadcn-ui.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Shadcn UI
-
-Shadcn UI are beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. They are built with Tailwind CSS and Radix UI.
-
-- [@official@Official Shadcn UI Website](https://ui.shadcn.com/)
-- [@opensource@Official GitHub Repository](https://github.com/shadcn-ui/ui)
\ No newline at end of file
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/104-mantine.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/104-mantine.md
deleted file mode 100644
index 7066d222c..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/104-mantine.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Mantine
-
-Mantine is a React components library with more than 100 customizable components and 40 hooks to cover you in any situation.
-
-Visit the following resources to learn more:
-
-- [@official@Mantine Website](https://mantine.dev/)
-- [@official@Usage with Create React App](https://mantine.dev/guides/cra/)
-- [@article@5 Mantine Hooks for UI management](https://blog.logrocket.com/5-mantine-hooks-simplifying-ui-management-react/)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md
deleted file mode 100644
index a735b32e8..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Daisy UI
-
-Component library around Tailwind CSS that comes with several built-in components.
-
-Visit the following resources to learn more:
-
-- [@official@DaisyUI Website](https://daisyui.com/)
-- [@official@DaisyUI Documentation](https://daisyui.com/docs/install/)
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/index.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/index.md
deleted file mode 100644
index 3317066bb..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/index.md
+++ /dev/null
@@ -1 +0,0 @@
-# Js first
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/index.md b/src/data/roadmaps/frontend/content/114-css-frameworks/index.md
deleted file mode 100644
index 1897ea616..000000000
--- a/src/data/roadmaps/frontend/content/114-css-frameworks/index.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# CSS frameworks
-
-A CSS framework provides the user with a fully functional CSS stylesheet, allowing them to create a web page by simply coding the HTML with appropriate classes, structure, and IDs. Classes for popular website features like as the footer, slider, navigation bar, hamburger menu, column-based layouts, and so on are already included in the framework.
-
-Visit the following resources to learn more:
-
-- [@article@CSS Frameworks Introduction](https://en.wikipedia.org/wiki/CSS_framework)
-- [@article@What are the benefits of using a css framework](https://css-tricks.com/what-are-the-benefits-of-using-a-css-framework/)
-- [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/101-react-testing-library.md b/src/data/roadmaps/frontend/content/115-testing-your-apps/101-react-testing-library.md
deleted file mode 100644
index 5054c0648..000000000
--- a/src/data/roadmaps/frontend/content/115-testing-your-apps/101-react-testing-library.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# React Testing Library
-
-The React Testing Library is a very lightweight solution for testing React components. It provides light utility functions on top of react-dom and react-dom/test-utils, in a way that encourages better testing practices. Its primary guiding principle is: The more your tests resemble the way your software is used, the more confidence they can give you.
-
-Visit the following resources to learn more:
-
-- [@article@React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
-- [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/104-other-options.md b/src/data/roadmaps/frontend/content/115-testing-your-apps/104-other-options.md
deleted file mode 100644
index 0423c3ec2..000000000
--- a/src/data/roadmaps/frontend/content/115-testing-your-apps/104-other-options.md
+++ /dev/null
@@ -1 +0,0 @@
-# Other options
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/105-mocha.md b/src/data/roadmaps/frontend/content/115-testing-your-apps/105-mocha.md
deleted file mode 100644
index 4da256184..000000000
--- a/src/data/roadmaps/frontend/content/115-testing-your-apps/105-mocha.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Mocha
-
-Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun. Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website and Docs](https://mochajs.org/)
-- [@video@Testing Node.js with Mocha](https://www.youtube.com/watch?v=Bs68k6xfR3E)
-- [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/106-chai.md b/src/data/roadmaps/frontend/content/115-testing-your-apps/106-chai.md
deleted file mode 100644
index ba56c43d4..000000000
--- a/src/data/roadmaps/frontend/content/115-testing-your-apps/106-chai.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Chai
-
-Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website and Docs](https://www.chaijs.com/)
-- [@article@Official Docs](https://www.chaijs.com/guide/)
-- [@video@Intro To JavaScript Unit Testing With Mocha JS & Chai](https://www.youtube.com/watch?v=MLTRHc5dk6s)
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/107-ava.md b/src/data/roadmaps/frontend/content/115-testing-your-apps/107-ava.md
deleted file mode 100644
index 1c7fdf21c..000000000
--- a/src/data/roadmaps/frontend/content/115-testing-your-apps/107-ava.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Ava
-
-Ava is a JavaScript test runner. It utilizes the async I/O nature of Node and runs concurrent tests, thereby vastly decreasing your test times.
-
-Visit the following resources to learn more:
-
-- [@opensource@Official Repository](https://github.com/avajs/ava)
-- [@article@Testing your Node.js applications with Ava.js](https://www.freecodecamp.org/news/testing-your-nodejs-applications-with-ava-js-99e806a226a7/)
-- [@video@AVA Tutorial](https://www.youtube.com/watch?v=RxLW6-3dk5A)
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/108-jasmine.md b/src/data/roadmaps/frontend/content/115-testing-your-apps/108-jasmine.md
deleted file mode 100644
index 64ea304d4..000000000
--- a/src/data/roadmaps/frontend/content/115-testing-your-apps/108-jasmine.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Jasmine
-
-Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests. It provides utilities that can be used to run automated tests for both synchronous and asynchronous code.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://jasmine.github.io/)
-- [@article@Official Docs](https://jasmine.github.io/pages/docs_home.html)
-- [@opensource@Official Repository](https://github.com/jasmine/jasmine)
-- [@video@Javascript Unit Testing with Jasmine](https://www.youtube.com/watch?v=rw4KlxKEENQ)
diff --git a/src/data/roadmaps/frontend/content/116-type-checkers/101-flow.md b/src/data/roadmaps/frontend/content/116-type-checkers/101-flow.md
deleted file mode 100644
index 28a9b8bf7..000000000
--- a/src/data/roadmaps/frontend/content/116-type-checkers/101-flow.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Flow
-
-Flow is a static type checker, designed to find type errors in JavaScript programs.
-
-Visit the following resources to learn more:
-
-- [@official@Official Website](https://flow.org/)
-- [@official@Official Documentation](https://flow.org/en/docs/)
-- [@video@Flow for Beginners](https://www.youtube.com/watch?v=0HlqX4lQZas)
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/101-after-js.md b/src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/101-after-js.md
deleted file mode 100644
index b10e917b1..000000000
--- a/src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/101-after-js.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# After.js
-
-After.js is an open-source JavaScript framework for developing SSR (Server Side Rendering) based applications. It is similar to the Next.js framework for server-rendered React apps but uses React Router instead of a folder structure based router like Next.js
-
-Visit the following resources to learn more:
-
-- [@opensource@Official GitHub repository](https://github.com/jaredpalmer/after.js)
-- [@article@Documentation](https://www.npmjs.com/package/@jaredpalmer/after)
-- [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/101-angular/100-universal.md b/src/data/roadmaps/frontend/content/118-server-side-rendering/101-angular/100-universal.md
deleted file mode 100644
index 8e6a103c3..000000000
--- a/src/data/roadmaps/frontend/content/118-server-side-rendering/101-angular/100-universal.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Angular Universal
-
-The Angular Universal project is a community driven project to expand on the core APIs from Angular (platform-server) to enable developers to do the server side rendering of Angular applications. It mainly uses express to render pages on pages on node.js server.
-
-Visit the following resources to learn more:
-
-- [@article@Server-side rendering (SSR) with Angular Universal](https://angular.io/guide/universal)
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/101-gatsbyjs.md b/src/data/roadmaps/frontend/content/120-static-site-generators/101-gatsbyjs.md
deleted file mode 100644
index a541ddac0..000000000
--- a/src/data/roadmaps/frontend/content/120-static-site-generators/101-gatsbyjs.md
+++ /dev/null
@@ -1,12 +0,0 @@
-# Gatsby
-
-Gatsby is a React-based open source framework with performance, scalability and security built-in.
-
-Visit the following resources to learn more:
-
-- [@official@Gatsby Website](https://www.gatsbyjs.com/)
-- [@official@Gatsby Docs](https://www.gatsbyjs.com/docs)
-- [@video@Gatsby Tutorial](https://youtube.com/playlist?list=PL4cUxeGkcC9hw1g77I35ZivVLe8k2nvjB)
-- [@article@Getting Started with Gatsby, the Cloud Native Static Site Generator](https://thenewstack.io/getting-started-with-gatsby-the-cloud-native-static-site-generator/)
-- [@article@Static Site Revolution: Top Websites Built with Gatsby](https://thenewstack.io/static-site-revolution-top-websites-built-with-gatsby/)
-- [@feed@Explore top posts about Gatsby](https://app.daily.dev/tags/gatsby?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/104-jekyll.md b/src/data/roadmaps/frontend/content/120-static-site-generators/104-jekyll.md
deleted file mode 100644
index 43e3168be..000000000
--- a/src/data/roadmaps/frontend/content/120-static-site-generators/104-jekyll.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Jekyll
-
-Jekyll is a static site generator. It takes text written in your favorite markup language and uses layouts to create a static website. You can tweak the site’s look and feel, URLs, the data displayed on the page, and more.
-
-Visit the following resources to learn more:
-
-- [@article@Jekyll Website](https://jekyllrb.com/)
-- [@article@Jekyll Docs](https://jekyllrb.com/docs/)
-- [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/105-hugo.md b/src/data/roadmaps/frontend/content/120-static-site-generators/105-hugo.md
deleted file mode 100644
index e253db98a..000000000
--- a/src/data/roadmaps/frontend/content/120-static-site-generators/105-hugo.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Hugo
-
-Hugo is the world’s fastest static website engine. It’s written in Go (aka Golang) and developed by bep, spf13 and friends.
-
-Visit the following resources to learn more:
-
-- [@article@Official Website](https://gohugo.io/)
-- [@article@Official Docs for Getting Started](https://gohugo.io/documentation/)
-- [@video@Introduction to Hugo - Static Site Generator ](https://www.youtube.com/watch?v=qtIqKaDlqXo&list=PLLAZ4kZ9dFpOnyRlyS-liKL5ReHDcj4G3)
-- [@article@Tutorial: Use Hugo to Generate a Static Website](https://thenewstack.io/tutorial-use-hugo-to-generate-a-static-website/)
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/106-gridsome.md b/src/data/roadmaps/frontend/content/120-static-site-generators/106-gridsome.md
deleted file mode 100644
index 95c053e77..000000000
--- a/src/data/roadmaps/frontend/content/120-static-site-generators/106-gridsome.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Gridsome
-
-Gridsome is a Vue.js powered Jamstack framework for building static generated websites & apps that are fast by default.
-
-Visit the following resources to learn more:
-
-- [@official@Gridsome Website](https://gridsome.org/)
-- [@official@Gridsome Documentation](https://gridsome.org/docs/)
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/108-remix.md b/src/data/roadmaps/frontend/content/120-static-site-generators/108-remix.md
deleted file mode 100644
index f563b6833..000000000
--- a/src/data/roadmaps/frontend/content/120-static-site-generators/108-remix.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Remix
-
-Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.
-
-Visit the following resources to learn more:
-
-- [@official@Official Website](https://remix.run/)
-- [@official@Official Docs for Getting Started](https://remix.run/docs/en/v1#getting-started)
diff --git a/src/data/roadmaps/frontend/content/121-mobile-applications/101-nativescript.md b/src/data/roadmaps/frontend/content/121-mobile-applications/101-nativescript.md
deleted file mode 100644
index c903849c7..000000000
--- a/src/data/roadmaps/frontend/content/121-mobile-applications/101-nativescript.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# NativeScript
-
-NativeScript is an open source framework for creating native iOS and Android apps in Angular, TypeScript, or JavaScript.
-
-Visit the following resources to learn more:
-
-- [@official@Official Website](https://nativescript.org/)
-- [@article@Official Getting Started to NativeScript](https://docs.nativescript.org/)
-- [@video@NativeScript Tutorial for Beginners](https://www.youtube.com/watch?v=DcCSq2Y9bow)
-- [@feed@Explore top posts about NativeScript](https://app.daily.dev/tags/nativescript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/122-desktop-applications/101-carlo.md b/src/data/roadmaps/frontend/content/122-desktop-applications/101-carlo.md
deleted file mode 100644
index e911f6c82..000000000
--- a/src/data/roadmaps/frontend/content/122-desktop-applications/101-carlo.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Carlo
-
-Carlo is a headful Node app framework for building desktop applications.
-
-Visit the following resources to learn more:
-
-- [@opensource@Github Repository](https://github.com/GoogleChromeLabs/carlo)
-- [@article@Carlo development on a web server](https://blog.agney.dev/carlo-on-web-server/)
diff --git a/src/data/roadmaps/frontend/content/123-bonus-content.md b/src/data/roadmaps/frontend/content/123-bonus-content.md
deleted file mode 100644
index 70b0a0ad3..000000000
--- a/src/data/roadmaps/frontend/content/123-bonus-content.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# Bonus Content
-
-It is not required to complete the bonus content, it just expands on the topics covered in the roadmap and has the items which were missed in the roadmap. Go through them if you want.
-
-**UI / UX Knowledge** - Gaining UI/UX knowledge is not a must for a Frontend Developer but having an eye for design and a good understanding of UI/UX will help you in your career.
-
-**[Design Systems](/design-system)** - Learn how to create and work with design systems.
-
-- **Visual Programming** — it is entirely possible to be a successful, competent frontend developer without it, but for many frontend developers this path represents a serious chunk of their workload, and represents a very in-demand option for frontend development – especially for developers who have a visual aptitude.
-  - **For Animations**: [GSAP](https://greensock.com/gsap/), [Lottie](https://airbnb.design/lottie/), [Framer Motion](https://github.com/framer/motion) or [MoJs](https://mojs.github.io/)
-  - **Web Graphics Library (WebGL)**: [WebGL MDN](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial), [WebGL Fundamentals](https://webglfundamentals.org/webgl/lessons/webgl-fundamentals.html)
-  - **2D Graphics**: [Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API), [PixiJS](https://pixijs.com/), [PhaserJS](https://phaser.io/)
-  - **3D Graphics**: [ThreeJS](https://threejs.org/), [BabylonJS](https://www.babylonjs.com/)
-- Have a look at [Qwik](https://qwik.builder.io/) and **[Partytown](https://partytown.builder.io/)**.
-- [@article@Houdini](https://developer.mozilla.org/en-US/docs/Web/Guide/Houdini) — Here is a good [introductory article to houdini](https://www.smashingmagazine.com/2020/03/practical-overview-css-houdini/).
-- **[WebRTC](https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API)** - WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs. The WebRTC components have been optimized to best serve this purpose.
-- **[IDLs](https://developer.mozilla.org/en-US/docs/Glossary/IDL)** - Not every developer will have a need for understanding [IDLs](https://developer.mozilla.org/en-US/docs/Glossary/IDL) but there's a good argument for having more JavaScript developers aware of their existence and hopefully the ability for making use of them as well.
-- **[WebAssembly](https://developer.mozilla.org/en-US/docs/WebAssembly)** - WebAssembly is a comparatively new technology that allows you to run code written in languages other than JavaScript on the web. It's a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++ and Rust with a compilation target so that they can run on the web.
diff --git a/src/data/roadmaps/frontend/content/101-html/104-accessibility.md b/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/101-html/104-accessibility.md
rename to src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/index.md b/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/101-angular/index.md
rename to src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/101-angular/index.md b/src/data/roadmaps/frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/101-angular/index.md
rename to src/data/roadmaps/frontend/content/angular@k6rp6Ua9qUEW_DA_fOg5u.md
diff --git a/src/data/roadmaps/frontend/content/119-graphql/100-apollo.md b/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/119-graphql/100-apollo.md
rename to src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/106-astro.md b/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/120-static-site-generators/106-astro.md
rename to src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md
diff --git a/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md b/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md
new file mode 100644
index 000000000..fc28d4143
--- /dev/null
+++ b/src/data/roadmaps/frontend/content/astro@wA2fSYsbBYU02VJXAvUz8.md
@@ -0,0 +1,15 @@
+# Astro
+
+Astro is an all-in-one web framework for building fast, content-focused websites. Astro combines the power of a modern component-based framework with the performance and flexibility of a static site generator.
+
+- Component Islands: A new web architecture for building faster websites.
+- Server-first API design: Move expensive hydration off of your users’ devices.
+- Zero JS, by default: No JavaScript runtime overhead to slow you down.
+- Edge-ready: Deploy anywhere, even a global edge runtime like Deno or Cloudflare.
+- Customizable: Tailwind, MDX, and 100+ other integrations to choose from.
+- UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more.
+
+Visit the following resources to learn more:
+
+- [@official@Official Astro Website](https://astro.build/)
+- [@article@Official Astro Docs](https://docs.astro.build/)
diff --git a/src/data/roadmaps/frontend/content/116-auth-strategies/index.md b/src/data/roadmaps/frontend/content/authentication-strategies@U5mD5FmVx7VWeKxDpQxB5.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/116-auth-strategies/index.md
rename to src/data/roadmaps/frontend/content/authentication-strategies@U5mD5FmVx7VWeKxDpQxB5.md
diff --git a/src/data/roadmaps/frontend/content/108-css-architecture/100-bem.md b/src/data/roadmaps/frontend/content/bem@dRDmS072xeNLX7p_X565w.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/108-css-architecture/100-bem.md
rename to src/data/roadmaps/frontend/content/bem@dRDmS072xeNLX7p_X565w.md
diff --git a/src/data/roadmaps/frontend/content/105-repo-hosting-services/102-bitbucket.md b/src/data/roadmaps/frontend/content/bitbucket@DILBiQp7WWgSZ5hhtDW6A.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/105-repo-hosting-services/102-bitbucket.md
rename to src/data/roadmaps/frontend/content/bitbucket@DILBiQp7WWgSZ5hhtDW6A.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/102-browsers-and-how-they-work.md b/src/data/roadmaps/frontend/content/browsers-and-how-they-work@P82WFaTPgQEPNp5IIuZ1Y.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/102-browsers-and-how-they-work.md
rename to src/data/roadmaps/frontend/content/browsers-and-how-they-work@P82WFaTPgQEPNp5IIuZ1Y.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/index.md b/src/data/roadmaps/frontend/content/build-tools@i9z0stM4uKu27Cz6NIgNX.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/index.md
rename to src/data/roadmaps/frontend/content/build-tools@i9z0stM4uKu27Cz6NIgNX.md
diff --git a/src/data/roadmaps/frontend/content/106-web-security-knowledge/101-content-security-policy.md b/src/data/roadmaps/frontend/content/content-security-policy@rmcm0CZbtNVC9LZ14-H6h.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/106-web-security-knowledge/101-content-security-policy.md
rename to src/data/roadmaps/frontend/content/content-security-policy@rmcm0CZbtNVC9LZ14-H6h.md
diff --git a/src/data/roadmaps/frontend/content/106-web-security-knowledge/102-cors.md b/src/data/roadmaps/frontend/content/cors@AfH2zCbqzw0Nisg1yyISS.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/106-web-security-knowledge/102-cors.md
rename to src/data/roadmaps/frontend/content/cors@AfH2zCbqzw0Nisg1yyISS.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/108-credentials.md b/src/data/roadmaps/frontend/content/credentials@opu2bAsmdWHqWqtsCscLC.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/108-credentials.md
rename to src/data/roadmaps/frontend/content/credentials@opu2bAsmdWHqWqtsCscLC.md
diff --git a/src/data/roadmaps/frontend/content/108-css-architecture/index.md b/src/data/roadmaps/frontend/content/css-architecture@nPg_YWpMJtlhU2t2UD_6B.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/108-css-architecture/index.md
rename to src/data/roadmaps/frontend/content/css-architecture@nPg_YWpMJtlhU2t2UD_6B.md
diff --git a/src/data/roadmaps/frontend/content/109-css-preprocessors/index.md b/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/109-css-preprocessors/index.md
rename to src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md
diff --git a/src/data/roadmaps/frontend/content/102-css/index.md b/src/data/roadmaps/frontend/content/css@ZhJhf1M2OphYbEmduFq-9.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/102-css/index.md
rename to src/data/roadmaps/frontend/content/css@ZhJhf1M2OphYbEmduFq-9.md
diff --git a/src/data/roadmaps/frontend/content/113-web-components/101-custom-elements.md b/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/113-web-components/101-custom-elements.md
rename to src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/102-cypress.md b/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/115-testing-your-apps/102-cypress.md
rename to src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md
diff --git a/src/data/roadmaps/frontend/content/122-desktop-applications/index.md b/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/122-desktop-applications/index.md
rename to src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/106-device-orientation.md b/src/data/roadmaps/frontend/content/device-orientation@Fd0hQh1DleM0gMzCpGou4.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/106-device-orientation.md
rename to src/data/roadmaps/frontend/content/device-orientation@Fd0hQh1DleM0gMzCpGou4.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/103-dns-and-how-it-works.md b/src/data/roadmaps/frontend/content/dns-and-how-it-works@hkxw9jPGYphmjhTjw8766.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/103-dns-and-how-it-works.md
rename to src/data/roadmaps/frontend/content/dns-and-how-it-works@hkxw9jPGYphmjhTjw8766.md
diff --git a/src/data/roadmaps/frontend/content/122-desktop-applications/100-electron.md b/src/data/roadmaps/frontend/content/electron@mQHpSyMR4Rra4mqAslgiS.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/122-desktop-applications/100-electron.md
rename to src/data/roadmaps/frontend/content/electron@mQHpSyMR4Rra4mqAslgiS.md
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/107-eleventy.md b/src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/120-static-site-generators/107-eleventy.md
rename to src/data/roadmaps/frontend/content/eleventy@io0RHJWIcVxDhcYkV9d38.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md b/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md
rename to src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/101-eslint.md b/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/101-eslint.md
rename to src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md
diff --git a/src/data/roadmaps/frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md b/src/data/roadmaps/frontend/content/fetch-api--ajax-xhr@A4brX0efjZ0FFPTB4r6U0.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
rename to src/data/roadmaps/frontend/content/fetch-api--ajax-xhr@A4brX0efjZ0FFPTB4r6U0.md
diff --git a/src/data/roadmaps/frontend/content/122-desktop-applications/102-flutter.md b/src/data/roadmaps/frontend/content/flutter@2MRvAK9G9RGM_auWytcKh.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/122-desktop-applications/102-flutter.md
rename to src/data/roadmaps/frontend/content/flutter@2MRvAK9G9RGM_auWytcKh.md
diff --git a/src/data/roadmaps/frontend/content/121-mobile-applications/102-flutter.md b/src/data/roadmaps/frontend/content/flutter@dIQXjFEUAJAGxxfAYceHU.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/121-mobile-applications/102-flutter.md
rename to src/data/roadmaps/frontend/content/flutter@dIQXjFEUAJAGxxfAYceHU.md
diff --git a/src/data/roadmaps/frontend/content/101-html/102-forms-and-validations.md b/src/data/roadmaps/frontend/content/forms-and-validations@V5zucKEHnIPPjwHqsMPHF.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/101-html/102-forms-and-validations.md
rename to src/data/roadmaps/frontend/content/forms-and-validations@V5zucKEHnIPPjwHqsMPHF.md
diff --git a/src/data/roadmaps/frontend/content/104-version-control-systems/100-basic-usage-of-git.md b/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/104-version-control-systems/100-basic-usage-of-git.md
rename to src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md
diff --git a/src/data/roadmaps/frontend/content/105-repo-hosting-services/100-github.md b/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/105-repo-hosting-services/100-github.md
rename to src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md
diff --git a/src/data/roadmaps/frontend/content/105-repo-hosting-services/101-gitlab.md b/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/105-repo-hosting-services/101-gitlab.md
rename to src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md
diff --git a/src/data/roadmaps/frontend/content/119-graphql/index.md b/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/119-graphql/index.md
rename to src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/100-how-does-the-internet-work.md b/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/100-how-does-the-internet-work.md
rename to src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md
diff --git a/src/data/roadmaps/frontend/content/113-web-components/100-html-templates.md b/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/113-web-components/100-html-templates.md
rename to src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md
diff --git a/src/data/roadmaps/frontend/content/101-html/index.md b/src/data/roadmaps/frontend/content/html@yWG2VUkaF5IJVVut6AiSy.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/101-html/index.md
rename to src/data/roadmaps/frontend/content/html@yWG2VUkaF5IJVVut6AiSy.md
diff --git a/src/data/roadmaps/frontend/content/106-web-security-knowledge/100-https.md b/src/data/roadmaps/frontend/content/https@uum7vOhOUR38vLuGZy8Oa.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/106-web-security-knowledge/100-https.md
rename to src/data/roadmaps/frontend/content/https@uum7vOhOUR38vLuGZy8Oa.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/index.md b/src/data/roadmaps/frontend/content/internet@VlNNwIEDWqQXtqkHWJYzC.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/index.md
rename to src/data/roadmaps/frontend/content/internet@VlNNwIEDWqQXtqkHWJYzC.md
diff --git a/src/data/roadmaps/frontend/content/121-mobile-applications/103-ionic.md b/src/data/roadmaps/frontend/content/ionic@xmRv6-L45m5MDpHmdHFCL.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/121-mobile-applications/103-ionic.md
rename to src/data/roadmaps/frontend/content/ionic@xmRv6-L45m5MDpHmdHFCL.md
diff --git a/src/data/roadmaps/frontend/content/103-javascript/index.md b/src/data/roadmaps/frontend/content/javascript@ODcfFEorkfJNupoQygM53.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/103-javascript/index.md
rename to src/data/roadmaps/frontend/content/javascript@ODcfFEorkfJNupoQygM53.md
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/100-jest.md b/src/data/roadmaps/frontend/content/jest@g5itUjgRXd9vs9ujHezFl.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/115-testing-your-apps/100-jest.md
rename to src/data/roadmaps/frontend/content/jest@g5itUjgRXd9vs9ujHezFl.md
diff --git a/src/data/roadmaps/frontend/content/103-javascript/101-learn-dom-manipulation.md b/src/data/roadmaps/frontend/content/learn-dom-manipulation@0MAogsAID9R04R5TTO2Qa.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/103-javascript/101-learn-dom-manipulation.md
rename to src/data/roadmaps/frontend/content/learn-dom-manipulation@0MAogsAID9R04R5TTO2Qa.md
diff --git a/src/data/roadmaps/frontend/content/101-html/100-learn-the-basics.md b/src/data/roadmaps/frontend/content/learn-the-basics@PCirR2QiFYO89Fm-Ev3o1.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/101-html/100-learn-the-basics.md
rename to src/data/roadmaps/frontend/content/learn-the-basics@PCirR2QiFYO89Fm-Ev3o1.md
diff --git a/src/data/roadmaps/frontend/content/102-css/100-learn-the-basics.md b/src/data/roadmaps/frontend/content/learn-the-basics@YFjzPKWDwzrgk2HUX952L.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/102-css/100-learn-the-basics.md
rename to src/data/roadmaps/frontend/content/learn-the-basics@YFjzPKWDwzrgk2HUX952L.md
diff --git a/src/data/roadmaps/frontend/content/103-javascript/100-syntax-and-basic-constructs.md b/src/data/roadmaps/frontend/content/learn-the-basics@wQSjQqwKHfn5RGPk34BWI.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/103-javascript/100-syntax-and-basic-constructs.md
rename to src/data/roadmaps/frontend/content/learn-the-basics@wQSjQqwKHfn5RGPk34BWI.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/index.md b/src/data/roadmaps/frontend/content/linters-and-formatters@9VcGfDBBD8YcKatj4VcH1.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/index.md
rename to src/data/roadmaps/frontend/content/linters-and-formatters@9VcGfDBBD8YcKatj4VcH1.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/104-location.md b/src/data/roadmaps/frontend/content/location@YbGGYoKJEx29PlvopUBiM.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/104-location.md
rename to src/data/roadmaps/frontend/content/location@YbGGYoKJEx29PlvopUBiM.md
diff --git a/src/data/roadmaps/frontend/content/102-css/101-making-layouts.md b/src/data/roadmaps/frontend/content/making-layouts@dXeYVMXv-3MRQ1ovOUuJW.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/102-css/101-making-layouts.md
rename to src/data/roadmaps/frontend/content/making-layouts@dXeYVMXv-3MRQ1ovOUuJW.md
diff --git a/src/data/roadmaps/frontend/content/121-mobile-applications/index.md b/src/data/roadmaps/frontend/content/mobile-apps@VOGKiG2EZVfCBAaa7Df0W.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/121-mobile-applications/index.md
rename to src/data/roadmaps/frontend/content/mobile-apps@VOGKiG2EZVfCBAaa7Df0W.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/index.md b/src/data/roadmaps/frontend/content/module-bundlers@hkSc_1x09m7-7BO7WzlDT.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/index.md
rename to src/data/roadmaps/frontend/content/module-bundlers@hkSc_1x09m7-7BO7WzlDT.md
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/100-next-js.md b/src/data/roadmaps/frontend/content/nextjs@V70884VcuXkfrfHyLGtUg.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/120-static-site-generators/100-next-js.md
rename to src/data/roadmaps/frontend/content/nextjs@V70884VcuXkfrfHyLGtUg.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/100-next-js.md b/src/data/roadmaps/frontend/content/nextjs@zNFYAJaSq0YZXL5Rpx1NX.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
rename to src/data/roadmaps/frontend/content/nextjs@zNFYAJaSq0YZXL5Rpx1NX.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/105-notifications.md b/src/data/roadmaps/frontend/content/notifications@6AlcArOiJMhHXguAosDzn.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/105-notifications.md
rename to src/data/roadmaps/frontend/content/notifications@6AlcArOiJMhHXguAosDzn.md
diff --git a/src/data/roadmaps/frontend/content/107-package-managers/100-npm.md b/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/107-package-managers/100-npm.md
rename to src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md b/src/data/roadmaps/frontend/content/nuxtjs@BBsXxkbbEG-gnbM1xXKrj.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md
rename to src/data/roadmaps/frontend/content/nuxtjs@BBsXxkbbEG-gnbM1xXKrj.md
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/102-nuxt-js.md b/src/data/roadmaps/frontend/content/nuxtjs@XWJxV42Dpu2D3xDK10Pn3.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/120-static-site-generators/102-nuxt-js.md
rename to src/data/roadmaps/frontend/content/nuxtjs@XWJxV42Dpu2D3xDK10Pn3.md
diff --git a/src/data/roadmaps/frontend/content/106-web-security-knowledge/103-owasp-security-risks.md b/src/data/roadmaps/frontend/content/owasp-security-risks@JanR7I_lNnUCXhCMGLdn-.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/106-web-security-knowledge/103-owasp-security-risks.md
rename to src/data/roadmaps/frontend/content/owasp-security-risks@JanR7I_lNnUCXhCMGLdn-.md
diff --git a/src/data/roadmaps/frontend/content/107-package-managers/index.md b/src/data/roadmaps/frontend/content/package-managers@IqvS1V-98cxko3e9sBQgP.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/107-package-managers/index.md
rename to src/data/roadmaps/frontend/content/package-managers@IqvS1V-98cxko3e9sBQgP.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/103-parcel.md b/src/data/roadmaps/frontend/content/parcel@NS-hwaWa5ebSmNNRoxFDp.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/103-parcel.md
rename to src/data/roadmaps/frontend/content/parcel@NS-hwaWa5ebSmNNRoxFDp.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/107-payments.md b/src/data/roadmaps/frontend/content/payments@MAM1nuVk-h4AvTUk4nvmj.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/107-payments.md
rename to src/data/roadmaps/frontend/content/payments@MAM1nuVk-h4AvTUk4nvmj.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/111-performance-metrics.md b/src/data/roadmaps/frontend/content/performance-metrics@X0Y3-IpPiFUCsNDK4RFxw.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/111-performance-metrics.md
rename to src/data/roadmaps/frontend/content/performance-metrics@X0Y3-IpPiFUCsNDK4RFxw.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/index.md b/src/data/roadmaps/frontend/content/pick-a-framework@eXezX7CVNyC1RuyU_I4yP.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/index.md
rename to src/data/roadmaps/frontend/content/pick-a-framework@eXezX7CVNyC1RuyU_I4yP.md
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/104-playwright.md b/src/data/roadmaps/frontend/content/playwright@jramLk8FGuaEH4YpHIyZT.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/115-testing-your-apps/104-playwright.md
rename to src/data/roadmaps/frontend/content/playwright@jramLk8FGuaEH4YpHIyZT.md
diff --git a/src/data/roadmaps/frontend/content/107-package-managers/102-pnpm.md b/src/data/roadmaps/frontend/content/pnpm@SLxA5qJFp_28TRzr1BjxZ.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/107-package-managers/102-pnpm.md
rename to src/data/roadmaps/frontend/content/pnpm@SLxA5qJFp_28TRzr1BjxZ.md
diff --git a/src/data/roadmaps/frontend/content/109-css-preprocessors/101-postcss.md b/src/data/roadmaps/frontend/content/postcss@9WlPENh9g1xOv-zA64Tfg.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/109-css-preprocessors/101-postcss.md
rename to src/data/roadmaps/frontend/content/postcss@9WlPENh9g1xOv-zA64Tfg.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/100-prettier.md b/src/data/roadmaps/frontend/content/prettier@zbkpu_gvQ4mgCiZKzS1xv.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/102-linters-formatters/100-prettier.md
rename to src/data/roadmaps/frontend/content/prettier@zbkpu_gvQ4mgCiZKzS1xv.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/109-prpl-pattern.md b/src/data/roadmaps/frontend/content/prpl-pattern@-DsETM9xLgHyGZthptj1Y.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/109-prpl-pattern.md
rename to src/data/roadmaps/frontend/content/prpl-pattern@-DsETM9xLgHyGZthptj1Y.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/index.md b/src/data/roadmaps/frontend/content/pwas@PoM77O2OtxPELxfrW1wtl.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/index.md
rename to src/data/roadmaps/frontend/content/pwas@PoM77O2OtxPELxfrW1wtl.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/104-qwik.md b/src/data/roadmaps/frontend/content/qwik@N5DCb6bDfgUnSdHPLYY4g.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/104-qwik.md
rename to src/data/roadmaps/frontend/content/qwik@N5DCb6bDfgUnSdHPLYY4g.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/110-rail-model.md b/src/data/roadmaps/frontend/content/rail-model@xD5WfEP7Ez0oi3890UgmH.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/110-rail-model.md
rename to src/data/roadmaps/frontend/content/rail-model@xD5WfEP7Ez0oi3890UgmH.md
diff --git a/src/data/roadmaps/frontend/content/121-mobile-applications/100-react-native.md b/src/data/roadmaps/frontend/content/react-native@dsTegXTyupjS8iU6I7Xiv.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/121-mobile-applications/100-react-native.md
rename to src/data/roadmaps/frontend/content/react-native@dsTegXTyupjS8iU6I7Xiv.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/101-remix.md b/src/data/roadmaps/frontend/content/react-router@KJRkrFZIihCUBrOf579EU.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/101-remix.md
rename to src/data/roadmaps/frontend/content/react-router@KJRkrFZIihCUBrOf579EU.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/index.md b/src/data/roadmaps/frontend/content/react@SGDf_rbfmFSHlxI-Czzlz.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/100-react-js/index.md
rename to src/data/roadmaps/frontend/content/react@SGDf_rbfmFSHlxI-Czzlz.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/index.md b/src/data/roadmaps/frontend/content/react@tG5v3O4lNIFc2uCnacPak.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/100-react-js/index.md
rename to src/data/roadmaps/frontend/content/react@tG5v3O4lNIFc2uCnacPak.md
diff --git a/src/data/roadmaps/frontend/content/119-graphql/101-relay-modern.md b/src/data/roadmaps/frontend/content/relay-modern@0moPO23ol33WsjVXSpTGf.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/119-graphql/101-relay-modern.md
rename to src/data/roadmaps/frontend/content/relay-modern@0moPO23ol33WsjVXSpTGf.md
diff --git a/src/data/roadmaps/frontend/content/102-css/102-responsive-design-and-media-queries.md b/src/data/roadmaps/frontend/content/responsive-design@TKtWmArHn7elXRJdG6lDQ.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/102-css/102-responsive-design-and-media-queries.md
rename to src/data/roadmaps/frontend/content/responsive-design@TKtWmArHn7elXRJdG6lDQ.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/102-rollup.md b/src/data/roadmaps/frontend/content/rollup@sCjErk7rfWAUvhl8Kfm3n.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/102-rollup.md
rename to src/data/roadmaps/frontend/content/rollup@sCjErk7rfWAUvhl8Kfm3n.md
diff --git a/src/data/roadmaps/frontend/content/109-css-preprocessors/100-sass.md b/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/109-css-preprocessors/100-sass.md
rename to src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md
diff --git a/src/data/roadmaps/frontend/content/101-html/105-seo-basics.md b/src/data/roadmaps/frontend/content/seo-basics@mH_qff8R7R6eLQ1tPHLgG.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/101-html/105-seo-basics.md
rename to src/data/roadmaps/frontend/content/seo-basics@mH_qff8R7R6eLQ1tPHLgG.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/102-server-sent-events.md b/src/data/roadmaps/frontend/content/server-sent-events@doPe92aUpo-8KWhi45lWK.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/102-server-sent-events.md
rename to src/data/roadmaps/frontend/content/server-sent-events@doPe92aUpo-8KWhi45lWK.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/103-service-workers.md b/src/data/roadmaps/frontend/content/service-workers@TldWoXiqKxM4X3JONKAR7.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/103-service-workers.md
rename to src/data/roadmaps/frontend/content/service-workers@TldWoXiqKxM4X3JONKAR7.md
diff --git a/src/data/roadmaps/frontend/content/113-web-components/102-shadow-dom.md b/src/data/roadmaps/frontend/content/shadow-dom@-SpsNeOZBkQfDA-rwzgPg.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/113-web-components/102-shadow-dom.md
rename to src/data/roadmaps/frontend/content/shadow-dom@-SpsNeOZBkQfDA-rwzgPg.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/104-solid-js.md b/src/data/roadmaps/frontend/content/solid-js@DxOSKnqAjZOPP-dq_U7oP.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/104-solid-js.md
rename to src/data/roadmaps/frontend/content/solid-js@DxOSKnqAjZOPP-dq_U7oP.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/index.md b/src/data/roadmaps/frontend/content/ssr@Cxspmb14_0i1tfw-ZLxEu.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/index.md
rename to src/data/roadmaps/frontend/content/ssr@Cxspmb14_0i1tfw-ZLxEu.md
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/index.md b/src/data/roadmaps/frontend/content/static-site-generators@n0q32YhWEIAUwbGXexoqV.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/120-static-site-generators/index.md
rename to src/data/roadmaps/frontend/content/static-site-generators@n0q32YhWEIAUwbGXexoqV.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/100-storage.md b/src/data/roadmaps/frontend/content/storage@raoa-75p_DyBAycvy3yVv.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/100-storage.md
rename to src/data/roadmaps/frontend/content/storage@raoa-75p_DyBAycvy3yVv.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/103-svelte/100-svelte-kit.md b/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/103-svelte/100-svelte-kit.md
rename to src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/103-svelte.md b/src/data/roadmaps/frontend/content/svelte@OL8I6nOZ8hGGWmtxg_Mv8.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/103-svelte.md
rename to src/data/roadmaps/frontend/content/svelte@OL8I6nOZ8hGGWmtxg_Mv8.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/103-svelte/index.md b/src/data/roadmaps/frontend/content/svelte@ZR-qZ2Lcbu3FtqaMd3wM4.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/103-svelte/index.md
rename to src/data/roadmaps/frontend/content/svelte@ZR-qZ2Lcbu3FtqaMd3wM4.md
diff --git a/src/data/roadmaps/frontend/content/swc@h26uS3muFCabe6ekElZcI.md b/src/data/roadmaps/frontend/content/swc@h26uS3muFCabe6ekElZcI.md
new file mode 100644
index 000000000..c001fd1be
--- /dev/null
+++ b/src/data/roadmaps/frontend/content/swc@h26uS3muFCabe6ekElZcI.md
@@ -0,0 +1 @@
+# SWC
\ No newline at end of file
diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md b/src/data/roadmaps/frontend/content/tailwind@eghnfG4p7i-EDWfp3CQXC.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
rename to src/data/roadmaps/frontend/content/tailwind@eghnfG4p7i-EDWfp3CQXC.md
diff --git a/src/data/roadmaps/frontend/content/122-desktop-applications/101-tauri.md b/src/data/roadmaps/frontend/content/tauri@GJctl0tVXe4B70s35RkLT.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/122-desktop-applications/101-tauri.md
rename to src/data/roadmaps/frontend/content/tauri@GJctl0tVXe4B70s35RkLT.md
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/index.md b/src/data/roadmaps/frontend/content/testing@igg4_hb3XE3vuvY8ufV-4.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/115-testing-your-apps/index.md
rename to src/data/roadmaps/frontend/content/testing@igg4_hb3XE3vuvY8ufV-4.md
diff --git a/src/data/roadmaps/frontend/content/topic-node@RYIEsxd9k-9jenyEyavGE.md b/src/data/roadmaps/frontend/content/topic-node@RYIEsxd9k-9jenyEyavGE.md
new file mode 100644
index 000000000..59f1a30d4
--- /dev/null
+++ b/src/data/roadmaps/frontend/content/topic-node@RYIEsxd9k-9jenyEyavGE.md
@@ -0,0 +1 @@
+# topic node
\ No newline at end of file
diff --git a/src/data/roadmaps/frontend/content/116-type-checkers/index.md b/src/data/roadmaps/frontend/content/type-checkers@hwPOGT0-duy3KfI8QaEwF.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/116-type-checkers/index.md
rename to src/data/roadmaps/frontend/content/type-checkers@hwPOGT0-duy3KfI8QaEwF.md
diff --git a/src/data/roadmaps/frontend/content/116-type-checkers/100-typescript.md b/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/116-type-checkers/100-typescript.md
rename to src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/113-browser-devtools.md b/src/data/roadmaps/frontend/content/using-devtools@3_sJHKTogkDoCjR518-OL.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/113-browser-devtools.md
rename to src/data/roadmaps/frontend/content/using-devtools@3_sJHKTogkDoCjR518-OL.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/112-lighthouse.md b/src/data/roadmaps/frontend/content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/112-lighthouse.md
rename to src/data/roadmaps/frontend/content/using-lighthouse@RIhHMHLsLLPhNl05Q9aBf.md
diff --git a/src/data/roadmaps/frontend/content/105-repo-hosting-services/index.md b/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/105-repo-hosting-services/index.md
rename to src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md
diff --git a/src/data/roadmaps/frontend/content/104-version-control-systems/index.md b/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/104-version-control-systems/index.md
rename to src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/104-vite.md b/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/104-vite.md
rename to src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md
diff --git a/src/data/roadmaps/frontend/content/115-testing-your-apps/109-vitest.md b/src/data/roadmaps/frontend/content/vitest@hVQ89f6G0LXEgHIOKHDYq.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/115-testing-your-apps/109-vitest.md
rename to src/data/roadmaps/frontend/content/vitest@hVQ89f6G0LXEgHIOKHDYq.md
diff --git a/src/data/roadmaps/frontend/content/118-server-side-rendering/102-vue-js/index.md b/src/data/roadmaps/frontend/content/vuejs@3TE_iYvbklXK0be-5f2M7.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/118-server-side-rendering/102-vue-js/index.md
rename to src/data/roadmaps/frontend/content/vuejs@3TE_iYvbklXK0be-5f2M7.md
diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/index.md b/src/data/roadmaps/frontend/content/vuejs@ERAdwL1G9M1bnx-fOm5ZA.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/index.md
rename to src/data/roadmaps/frontend/content/vuejs@ERAdwL1G9M1bnx-fOm5ZA.md
diff --git a/src/data/roadmaps/frontend/content/120-static-site-generators/103-vuepress.md b/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/120-static-site-generators/103-vuepress.md
rename to src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md
diff --git a/src/data/roadmaps/frontend/content/113-web-components/index.md b/src/data/roadmaps/frontend/content/web-components@ruoFa3M4bUE3Dg6GXSiUI.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/113-web-components/index.md
rename to src/data/roadmaps/frontend/content/web-components@ruoFa3M4bUE3Dg6GXSiUI.md
diff --git a/src/data/roadmaps/frontend/content/106-web-security-knowledge/index.md b/src/data/roadmaps/frontend/content/web-security-basics@RDWbG3Iui6IPgp0shvXtg.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/106-web-security-knowledge/index.md
rename to src/data/roadmaps/frontend/content/web-security-basics@RDWbG3Iui6IPgp0shvXtg.md
diff --git a/src/data/roadmaps/frontend/content/117-progressive-web-apps/101-web-sockets.md b/src/data/roadmaps/frontend/content/web-sockets@NDJR8UCoa31v45TBFP7we.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/117-progressive-web-apps/101-web-sockets.md
rename to src/data/roadmaps/frontend/content/web-sockets@NDJR8UCoa31v45TBFP7we.md
diff --git a/src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/100-webpack.md b/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
rename to src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/104-what-is-domain-name.md b/src/data/roadmaps/frontend/content/what-is-domain-name@ZhSuu2VArnzPDp6dPQQSC.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/104-what-is-domain-name.md
rename to src/data/roadmaps/frontend/content/what-is-domain-name@ZhSuu2VArnzPDp6dPQQSC.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/105-what-is-hosting.md b/src/data/roadmaps/frontend/content/what-is-hosting@aqMaEY8gkKMikiqleV5EP.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/105-what-is-hosting.md
rename to src/data/roadmaps/frontend/content/what-is-hosting@aqMaEY8gkKMikiqleV5EP.md
diff --git a/src/data/roadmaps/frontend/content/100-internet/101-what-is-http.md b/src/data/roadmaps/frontend/content/what-is-http@R12sArWVpbIs_PHxBqVaR.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/100-internet/101-what-is-http.md
rename to src/data/roadmaps/frontend/content/what-is-http@R12sArWVpbIs_PHxBqVaR.md
diff --git a/src/data/roadmaps/frontend/content/112-modern-css/index.md b/src/data/roadmaps/frontend/content/writing-css@XDTD8el6OwuQ55wC-X4iV.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/112-modern-css/index.md
rename to src/data/roadmaps/frontend/content/writing-css@XDTD8el6OwuQ55wC-X4iV.md
diff --git a/src/data/roadmaps/frontend/content/101-html/101-writing-semantic-html.md b/src/data/roadmaps/frontend/content/writing-semantic-html@z8-556o-PaHXjlytrawaF.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/101-html/101-writing-semantic-html.md
rename to src/data/roadmaps/frontend/content/writing-semantic-html@z8-556o-PaHXjlytrawaF.md
diff --git a/src/data/roadmaps/frontend/content/107-package-managers/101-yarn.md b/src/data/roadmaps/frontend/content/yarn@yrq3nOwFREzl-9EKnpU-e.md
similarity index 100%
rename from src/data/roadmaps/frontend/content/107-package-managers/101-yarn.md
rename to src/data/roadmaps/frontend/content/yarn@yrq3nOwFREzl-9EKnpU-e.md
diff --git a/src/data/roadmaps/frontend/frontend-beginner.json b/src/data/roadmaps/frontend/frontend-beginner.json
index 1d445fda0..736a71b7a 100644
--- a/src/data/roadmaps/frontend/frontend-beginner.json
+++ b/src/data/roadmaps/frontend/frontend-beginner.json
@@ -1,1921 +1 @@
-{
-  "mockup": {
-    "controls": {
-      "control": [
-        {
-          "ID": "3958",
-          "typeID": "Arrow",
-          "zOrder": "0",
-          "w": "1",
-          "h": "146",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "1128",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "40463",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.5000000000000006,
-              "y": -1.5906276266511649e-18
-            },
-            "p2": {
-              "x": 0,
-              "y": 145.92702085489077
-            }
-          }
-        },
-        {
-          "ID": "3959",
-          "typeID": "Arrow",
-          "zOrder": "1",
-          "w": "1",
-          "h": "71",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "789",
-          "y": "1520",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "40463",
-            "p0": {
-              "x": 0,
-              "y": -0.05210330899694782
-            },
-            "p1": {
-              "x": 0.5000000000000007,
-              "y": 0
-            },
-            "p2": {
-              "x": 0,
-              "y": 71
-            }
-          }
-        },
-        {
-          "ID": "3960",
-          "typeID": "Arrow",
-          "zOrder": "2",
-          "w": "87",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "459",
-          "y": "1171",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "13369344",
-            "p0": {
-              "x": 87,
-              "y": -0.3333333333334849
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.3333333333333144,
-              "y": -0.3333333333334849
-            }
-          }
-        },
-        {
-          "ID": "3961",
-          "typeID": "Arrow",
-          "zOrder": "3",
-          "w": "88",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "704",
-          "y": "1170",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "40463",
-            "p0": {
-              "x": 87.60000000000002,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.49999999999999994,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.33333333333337123,
-              "y": -0.3030303030302548
-            }
-          }
-        },
-        {
-          "ID": "3962",
-          "typeID": "Arrow",
-          "zOrder": "4",
-          "w": "88",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "705",
-          "y": "998",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "40463",
-            "p0": {
-              "x": 87.60000000000002,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.49999999999999994,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.33333333333337123,
-              "y": -0.3030303030302548
-            }
-          }
-        },
-        {
-          "ID": "3963",
-          "typeID": "Arrow",
-          "zOrder": "5",
-          "w": "1",
-          "h": "73",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "676",
-          "y": "1003",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": -0.39999999999997726,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.4999999999999999,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.39999999999997726,
-              "y": 72.66666666666674
-            },
-            "stroke": "dotted",
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3964",
-          "typeID": "Arrow",
-          "zOrder": "6",
-          "w": "98",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1036",
-          "y": "1089",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "10027263",
-            "p0": {
-              "x": 97.60000000000002,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.4545454545454959,
-              "y": -0.30303030303031164
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3965",
-          "typeID": "Arrow",
-          "zOrder": "7",
-          "w": "98",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "794",
-          "y": "1089",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "10027263",
-            "p0": {
-              "x": 97.60000000000002,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.4545454545454959,
-              "y": -0.30303030303031164
-            }
-          }
-        },
-        {
-          "ID": "3966",
-          "typeID": "Arrow",
-          "zOrder": "8",
-          "w": "1",
-          "h": "73",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "676",
-          "y": "841",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": -0.39999999999997726,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.4999999999999999,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.39999999999997726,
-              "y": 72.66666666666674
-            },
-            "stroke": "dotted",
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3967",
-          "typeID": "Arrow",
-          "zOrder": "9",
-          "w": "131",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "662",
-          "y": "724",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 131,
-              "y": -0.21212121212124657
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": 0.3030303030302548,
-              "y": -0.21212121212124657
-            },
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3968",
-          "typeID": "Arrow",
-          "zOrder": "10",
-          "w": "147",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "646",
-          "y": "594",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 147,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.5010198135198135,
-              "y": -0.0010307153164296314
-            },
-            "p2": {
-              "x": 0,
-              "y": 0
-            },
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3969",
-          "typeID": "Arrow",
-          "zOrder": "11",
-          "w": "98",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "834",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 97.60000000000002,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": -0.4545454545454959,
-              "y": -0.30303030303031164
-            },
-            "color": "10027263"
-          }
-        },
-        {
-          "ID": "3970",
-          "typeID": "Arrow",
-          "zOrder": "12",
-          "w": "87",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "705",
-          "y": "660",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 87,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.5010198135198135,
-              "y": -0.0010307153164296314
-            },
-            "p2": {
-              "x": -0.2533333333333303,
-              "y": 0
-            },
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3971",
-          "typeID": "__group__",
-          "zOrder": "13",
-          "measuredW": "144",
-          "measuredH": "40",
-          "w": "144",
-          "h": "40",
-          "x": "726",
-          "y": "413",
-          "properties": {
-            "controlName": "ext_link:roadmap.sh/frontend"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "measuredW": "144",
-                  "measuredH": "40",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "size": "32",
-                    "text": "Front-end"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3972",
-          "typeID": "__group__",
-          "zOrder": "14",
-          "measuredW": "124",
-          "measuredH": "49",
-          "w": "124",
-          "h": "49",
-          "x": "617",
-          "y": "634",
-          "properties": {
-            "controlName": "102-css"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "124",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "33",
-                  "measuredH": "25",
-                  "x": "45",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "CSS"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3973",
-          "typeID": "Canvas",
-          "zOrder": "15",
-          "w": "324",
-          "h": "195",
-          "measuredW": "100",
-          "measuredH": "70",
-          "x": "993",
-          "y": "291"
-        },
-        {
-          "ID": "3974",
-          "typeID": "Label",
-          "zOrder": "16",
-          "measuredW": "283",
-          "measuredH": "26",
-          "x": "1011",
-          "y": "310",
-          "properties": {
-            "size": "18",
-            "text": "For resources and other roadmaps"
-          }
-        },
-        {
-          "ID": "3975",
-          "typeID": "__group__",
-          "zOrder": "17",
-          "measuredW": "172",
-          "measuredH": "28",
-          "w": "172",
-          "h": "28",
-          "x": "1011",
-          "y": "343",
-          "properties": {
-            "controlName": "ext_link:roadmap.sh"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "2",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "measuredW": "172",
-                  "measuredH": "28",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "size": "20",
-                    "text": "https://roadmap.sh",
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3976",
-          "typeID": "__group__",
-          "zOrder": "18",
-          "measuredW": "282",
-          "measuredH": "47",
-          "w": "282",
-          "h": "47",
-          "x": "1011",
-          "y": "418",
-          "properties": {
-            "controlName": "json:frontend.json"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Canvas",
-                  "zOrder": "0",
-                  "w": "282",
-                  "h": "47",
-                  "measuredW": "100",
-                  "measuredH": "70",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "3355443",
-                    "borderColor": "3355443"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "203",
-                  "measuredH": "26",
-                  "x": "39",
-                  "y": "11",
-                  "properties": {
-                    "color": "16777215",
-                    "size": "18",
-                    "text": "Visit the Detailed Version"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3977",
-          "typeID": "Label",
-          "zOrder": "19",
-          "measuredW": "259",
-          "measuredH": "26",
-          "x": "1011",
-          "y": "383",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "Beginner who wants to step up?"
-          }
-        },
-        {
-          "ID": "3978",
-          "typeID": "__group__",
-          "zOrder": "20",
-          "measuredW": "127",
-          "measuredH": "50",
-          "w": "127",
-          "h": "50",
-          "x": "615",
-          "y": "698",
-          "properties": {
-            "controlName": "103-javascript"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "127",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "81",
-                  "measuredH": "25",
-                  "x": "23",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "JavaScript"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3979",
-          "typeID": "__group__",
-          "zOrder": "21",
-          "measuredW": "95",
-          "measuredH": "49",
-          "w": "95",
-          "h": "49",
-          "x": "840",
-          "y": "809",
-          "properties": {
-            "controlName": "100-version-control-systems:basic-usage-of-git"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "95",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "22",
-                  "measuredH": "25",
-                  "x": "37",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Git"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3980",
-          "typeID": "Canvas",
-          "zOrder": "22",
-          "w": "380",
-          "h": "150",
-          "measuredW": "100",
-          "measuredH": "70",
-          "x": "232",
-          "y": "320"
-        },
-        {
-          "ID": "3981",
-          "typeID": "Label",
-          "zOrder": "23",
-          "measuredW": "187",
-          "measuredH": "32",
-          "x": "260",
-          "y": "345",
-          "properties": {
-            "size": "24",
-            "text": "Beginner Version"
-          }
-        },
-        {
-          "ID": "3982",
-          "typeID": "__group__",
-          "zOrder": "24",
-          "measuredW": "213",
-          "measuredH": "53",
-          "w": "213",
-          "h": "53",
-          "x": "529",
-          "y": "970",
-          "properties": {
-            "controlName": "111-pick-a-framework"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "213",
-                  "h": "53",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "168",
-                  "measuredH": "25",
-                  "x": "23",
-                  "y": "14",
-                  "properties": {
-                    "size": "17",
-                    "text": "Frontend Frameworks"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3983",
-          "typeID": "__group__",
-          "zOrder": "25",
-          "measuredW": "98",
-          "measuredH": "49",
-          "w": "98",
-          "h": "49",
-          "x": "634",
-          "y": "1056",
-          "properties": {
-            "controlName": "100-pick-a-framework:react-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "98",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "47",
-                  "measuredH": "25",
-                  "x": "25",
-                  "y": "12",
-                  "properties": {
-                    "text": "React",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3984",
-          "typeID": "__group__",
-          "zOrder": "26",
-          "measuredW": "212",
-          "measuredH": "50",
-          "w": "212",
-          "h": "50",
-          "x": "849",
-          "y": "1063",
-          "properties": {
-            "controlName": "114-css-frameworks"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "212",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "131",
-                  "measuredH": "25",
-                  "x": "40",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "CSS Frameworks"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3985",
-          "typeID": "__group__",
-          "zOrder": "27",
-          "measuredW": "99",
-          "measuredH": "49",
-          "w": "99",
-          "h": "49",
-          "x": "393",
-          "y": "1146",
-          "properties": {
-            "controlName": "100-testing-your-apps:jest"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "99",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "39",
-                  "measuredW": "33",
-                  "measuredH": "25",
-                  "x": "30",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Jest"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3986",
-          "typeID": "__group__",
-          "zOrder": "28",
-          "measuredW": "214",
-          "measuredH": "49",
-          "w": "214",
-          "h": "49",
-          "x": "527",
-          "y": "1146",
-          "properties": {
-            "controlName": "115-testing-your-apps"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "214",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "144",
-                  "measuredH": "26",
-                  "x": "35",
-                  "y": "11",
-                  "properties": {
-                    "size": "18",
-                    "text": "Testing your Apps"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3987",
-          "typeID": "__group__",
-          "zOrder": "29",
-          "measuredW": "100",
-          "measuredH": "49",
-          "w": "100",
-          "h": "49",
-          "x": "1089",
-          "y": "1065",
-          "properties": {
-            "controlName": "100-css-frameworks:js-first:tailwind-css"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "100",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "61",
-                  "measuredH": "25",
-                  "x": "19",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "TailwindCSS"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3988",
-          "typeID": "Label",
-          "zOrder": "30",
-          "measuredW": "319",
-          "measuredH": "28",
-          "x": "260",
-          "y": "386",
-          "properties": {
-            "color": "4985136",
-            "size": "20",
-            "text": "This is the trimmed down version of"
-          }
-        },
-        {
-          "ID": "3989",
-          "typeID": "Label",
-          "zOrder": "31",
-          "measuredW": "327",
-          "measuredH": "28",
-          "x": "260",
-          "y": "417",
-          "properties": {
-            "color": "4985136",
-            "size": "20",
-            "text": "the frontend roadmap for beginners."
-          }
-        },
-        {
-          "ID": "3990",
-          "typeID": "Arrow",
-          "zOrder": "32",
-          "w": "1",
-          "h": "59",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "340",
-          "properties": {
-            "p0": {
-              "x": 0,
-              "y": -0.30303030303031164
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": 0,
-              "y": 58.78787878787875
-            },
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3991",
-          "typeID": "Arrow",
-          "zOrder": "33",
-          "w": "1",
-          "h": "333",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "462",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.06060606060606233
-            },
-            "p1": {
-              "x": 0.5000000000000008,
-              "y": -1.5906276266511653e-18
-            },
-            "p2": {
-              "x": 0,
-              "y": 332.66666666666663
-            },
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3992",
-          "typeID": "__group__",
-          "zOrder": "34",
-          "measuredW": "125",
-          "measuredH": "49",
-          "w": "125",
-          "h": "49",
-          "x": "616",
-          "y": "569",
-          "properties": {
-            "controlName": "101-html"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "125",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "48",
-                  "measuredH": "25",
-                  "x": "39",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "HTML"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3993",
-          "typeID": "Label",
-          "zOrder": "35",
-          "measuredW": "378",
-          "measuredH": "26",
-          "x": "847",
-          "y": "587",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "You should be able to find an internee or junior"
-          }
-        },
-        {
-          "ID": "3994",
-          "typeID": "Label",
-          "zOrder": "36",
-          "measuredW": "333",
-          "measuredH": "26",
-          "x": "847",
-          "y": "619",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "Frontend developer position at this point."
-          }
-        },
-        {
-          "ID": "3995",
-          "typeID": "Label",
-          "zOrder": "37",
-          "measuredW": "428",
-          "measuredH": "26",
-          "x": "847",
-          "y": "662",
-          "properties": {
-            "size": "18",
-            "text": "Start applying for jobs and keep following to increase",
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "3996",
-          "typeID": "Label",
-          "zOrder": "38",
-          "measuredW": "276",
-          "measuredH": "26",
-          "x": "847",
-          "y": "695",
-          "properties": {
-            "size": "18",
-            "color": "40463",
-            "text": "your chances of finding a position."
-          }
-        },
-        {
-          "ID": "3997",
-          "typeID": "Label",
-          "zOrder": "39",
-          "measuredW": "348",
-          "measuredH": "26",
-          "x": "216",
-          "y": "612",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "When you are following this roadmap, make"
-          }
-        },
-        {
-          "ID": "3998",
-          "typeID": "Label",
-          "zOrder": "40",
-          "measuredW": "338",
-          "measuredH": "26",
-          "x": "226",
-          "y": "645",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "sure to build as many projects as possible"
-          }
-        },
-        {
-          "ID": "3999",
-          "typeID": "Label",
-          "zOrder": "41",
-          "measuredW": "340",
-          "measuredH": "26",
-          "x": "224",
-          "y": "726",
-          "properties": {
-            "size": "18",
-            "color": "13576743",
-            "text": "Click the roadmap nodes for project ideas"
-          }
-        },
-        {
-          "ID": "4000",
-          "typeID": "Label",
-          "zOrder": "42",
-          "measuredW": "145",
-          "measuredH": "32",
-          "x": "419",
-          "y": "568",
-          "properties": {
-            "color": "4985136",
-            "size": "24",
-            "text": "Important Tip"
-          }
-        },
-        {
-          "ID": "4001",
-          "typeID": "Label",
-          "zOrder": "43",
-          "measuredW": "278",
-          "measuredH": "26",
-          "x": "970",
-          "y": "769",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "Create your GitHub profile. Publish"
-          }
-        },
-        {
-          "ID": "4002",
-          "typeID": "Label",
-          "zOrder": "44",
-          "measuredW": "300",
-          "measuredH": "26",
-          "x": "970",
-          "y": "799",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "the projects that you have developed"
-          }
-        },
-        {
-          "ID": "4003",
-          "typeID": "Label",
-          "zOrder": "45",
-          "measuredW": "229",
-          "measuredH": "26",
-          "x": "970",
-          "y": "829",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "so far  to your GitHub profile."
-          }
-        },
-        {
-          "ID": "4004",
-          "typeID": "Label",
-          "zOrder": "46",
-          "measuredW": "249",
-          "measuredH": "26",
-          "x": "970",
-          "y": "869",
-          "properties": {
-            "size": "18",
-            "text": "Use git for your future projects.",
-            "color": "10027263"
-          }
-        },
-        {
-          "ID": "4005",
-          "typeID": "Arrow",
-          "zOrder": "47",
-          "w": "84",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "706",
-          "y": "933",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "40463",
-            "p0": {
-              "x": 83.60000000000002,
-              "y": -0.3030303030302548
-            },
-            "p1": {
-              "x": 0.5,
-              "y": 0
-            },
-            "p2": {
-              "x": 0,
-              "y": -0.3030303030302548
-            }
-          }
-        },
-        {
-          "ID": "4006",
-          "typeID": "__group__",
-          "zOrder": "48",
-          "measuredW": "211",
-          "measuredH": "53",
-          "w": "211",
-          "h": "53",
-          "x": "530",
-          "y": "906",
-          "properties": {
-            "controlName": "107-package-managers"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "211",
-                  "h": "53",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "149",
-                  "measuredH": "25",
-                  "x": "31",
-                  "y": "14",
-                  "properties": {
-                    "text": "Package Managers",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4007",
-          "typeID": "__group__",
-          "zOrder": "49",
-          "measuredW": "103",
-          "measuredH": "49",
-          "w": "103",
-          "h": "49",
-          "x": "625",
-          "y": "817",
-          "properties": {
-            "controlName": "100-package-managers:npm"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "103",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "36",
-                  "measuredW": "34",
-                  "measuredH": "25",
-                  "x": "34",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "npm"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4008",
-          "typeID": "Arrow",
-          "zOrder": "50",
-          "w": "1",
-          "h": "57",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "804",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.06060606060606233
-            },
-            "p1": {
-              "x": 0.5000000000000006,
-              "y": -1.590627626651165e-18
-            },
-            "p2": {
-              "x": 0,
-              "y": 56.66666666666663
-            },
-            "color": "10027263"
-          }
-        },
-        {
-          "ID": "4009",
-          "typeID": "Arrow",
-          "zOrder": "51",
-          "w": "1",
-          "h": "184",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "874",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "40463",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.5000000000000007,
-              "y": -1.5906276266511654e-18
-            },
-            "p2": {
-              "x": 0,
-              "y": 184
-            }
-          }
-        },
-        {
-          "ID": "4010",
-          "typeID": "Arrow",
-          "zOrder": "52",
-          "w": "1",
-          "h": "44",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "1070",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "color": "10027263",
-            "p0": {
-              "x": 0,
-              "y": 0.33333333333325754
-            },
-            "p1": {
-              "x": 0.5000000000000006,
-              "y": 0
-            },
-            "p2": {
-              "x": 0,
-              "y": 44
-            }
-          }
-        },
-        {
-          "ID": "4011",
-          "typeID": "Label",
-          "zOrder": "53",
-          "measuredW": "291",
-          "measuredH": "26",
-          "x": "194",
-          "y": "906",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "npm should be a quick one. Just get"
-          }
-        },
-        {
-          "ID": "4012",
-          "typeID": "Label",
-          "zOrder": "54",
-          "measuredW": "272",
-          "measuredH": "26",
-          "x": "213",
-          "y": "937",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "the basic idea and jump to React."
-          }
-        },
-        {
-          "ID": "4013",
-          "typeID": "Label",
-          "zOrder": "55",
-          "measuredW": "266",
-          "measuredH": "26",
-          "x": "219",
-          "y": "983",
-          "properties": {
-            "size": "18",
-            "color": "40463",
-            "text": "Create some projects with React"
-          }
-        },
-        {
-          "ID": "4014",
-          "typeID": "Label",
-          "zOrder": "56",
-          "measuredW": "179",
-          "measuredH": "26",
-          "x": "306",
-          "y": "1013",
-          "properties": {
-            "size": "18",
-            "color": "40463",
-            "text": "involving API calls etc."
-          }
-        },
-        {
-          "ID": "4015",
-          "typeID": "Label",
-          "zOrder": "57",
-          "measuredW": "242",
-          "measuredH": "26",
-          "x": "322",
-          "y": "675",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "for each node of the roadmap"
-          }
-        },
-        {
-          "ID": "4016",
-          "typeID": "Label",
-          "zOrder": "58",
-          "measuredW": "427",
-          "measuredH": "26",
-          "x": "851",
-          "y": "989",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "There are several CSS frameworks. You can pick any."
-          }
-        },
-        {
-          "ID": "4017",
-          "typeID": "Label",
-          "zOrder": "59",
-          "measuredW": "390",
-          "measuredH": "26",
-          "x": "851",
-          "y": "1019",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "Tailwind would be my personal recommendation."
-          }
-        },
-        {
-          "ID": "4018",
-          "typeID": "Label",
-          "zOrder": "60",
-          "measuredW": "323",
-          "measuredH": "26",
-          "x": "851",
-          "y": "1157",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "May not be required for a junior position"
-          }
-        },
-        {
-          "ID": "4019",
-          "typeID": "Arrow",
-          "zOrder": "61",
-          "w": "2",
-          "h": "89",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "788",
-          "y": "1673",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "p0": {
-              "x": 1,
-              "y": 88
-            },
-            "p1": {
-              "x": 0.4072427393330943,
-              "y": 0.00953746862674794
-            },
-            "p2": {
-              "x": 1,
-              "y": 0
-            },
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "40463"
-          }
-        },
-        {
-          "ID": "4020",
-          "typeID": "TextArea",
-          "zOrder": "62",
-          "w": "499",
-          "h": "118",
-          "measuredW": "200",
-          "measuredH": "140",
-          "x": "539",
-          "y": "1586"
-        },
-        {
-          "ID": "4021",
-          "typeID": "Label",
-          "zOrder": "63",
-          "measuredW": "431",
-          "measuredH": "25",
-          "x": "573",
-          "y": "1605",
-          "properties": {
-            "size": "17",
-            "text": "Look at the detailed version for what else you don’t know"
-          }
-        },
-        {
-          "ID": "4022",
-          "typeID": "__group__",
-          "zOrder": "64",
-          "measuredW": "430",
-          "measuredH": "44",
-          "w": "430",
-          "h": "44",
-          "x": "574",
-          "y": "1640",
-          "properties": {
-            "controlName": "json:frontend.json"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "430",
-                  "h": "44",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "149",
-                  "measuredH": "25",
-                  "x": "140",
-                  "y": "9",
-                  "properties": {
-                    "size": "17",
-                    "text": "Frontend Roadmap"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4023",
-          "typeID": "Arrow",
-          "zOrder": "65",
-          "w": "2",
-          "h": "89",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "831",
-          "y": "1740",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "p0": {
-              "x": 1,
-              "y": 88
-            },
-            "p1": {
-              "x": 0.4072427393330943,
-              "y": 0.00953746862674794
-            },
-            "p2": {
-              "x": 1,
-              "y": 0
-            },
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "16777215"
-          }
-        },
-        {
-          "ID": "4024",
-          "typeID": "Arrow",
-          "zOrder": "66",
-          "w": "2",
-          "h": "89",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "179",
-          "y": "1265",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "p0": {
-              "x": 1,
-              "y": 88
-            },
-            "p1": {
-              "x": 0.4072427393330943,
-              "y": 0.00953746862674794
-            },
-            "p2": {
-              "x": 1,
-              "y": 0
-            },
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "16777215"
-          }
-        },
-        {
-          "ID": "4025",
-          "typeID": "Arrow",
-          "zOrder": "67",
-          "w": "2",
-          "h": "89",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1336",
-          "y": "1321",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "p0": {
-              "x": 1,
-              "y": 88
-            },
-            "p1": {
-              "x": 0.4072427393330943,
-              "y": 0.00953746862674794
-            },
-            "p2": {
-              "x": 1,
-              "y": 0
-            },
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "16777215"
-          }
-        },
-        {
-          "ID": "4026",
-          "typeID": "TextArea",
-          "zOrder": "68",
-          "w": "613",
-          "h": "246",
-          "measuredW": "200",
-          "measuredH": "140",
-          "x": "486",
-          "y": "1273"
-        },
-        {
-          "ID": "4027",
-          "typeID": "Label",
-          "zOrder": "69",
-          "measuredW": "532",
-          "measuredH": "26",
-          "x": "518",
-          "y": "1339",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "At this point, you should have enough knowledge to find a junior to"
-          }
-        },
-        {
-          "ID": "4028",
-          "typeID": "Label",
-          "zOrder": "70",
-          "measuredW": "529",
-          "measuredH": "26",
-          "x": "518",
-          "y": "1369",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "mid-level (maybe even senior) frontend developer position at any"
-          }
-        },
-        {
-          "ID": "4029",
-          "typeID": "Label",
-          "zOrder": "71",
-          "measuredW": "441",
-          "measuredH": "26",
-          "x": "518",
-          "y": "1399",
-          "properties": {
-            "color": "4985136",
-            "size": "18",
-            "text": "company (depending on the depth of your knowledge)."
-          }
-        },
-        {
-          "ID": "4030",
-          "typeID": "Label",
-          "zOrder": "72",
-          "measuredW": "116",
-          "measuredH": "32",
-          "x": "518",
-          "y": "1295",
-          "properties": {
-            "color": "4985136",
-            "size": "24",
-            "text": "Job Ready"
-          }
-        },
-        {
-          "ID": "4031",
-          "typeID": "Label",
-          "zOrder": "73",
-          "measuredW": "536",
-          "measuredH": "26",
-          "x": "518",
-          "y": "1441",
-          "properties": {
-            "size": "18",
-            "color": "10027263",
-            "text": "Deepen your pool of knowledge  and keep building projects till you"
-          }
-        },
-        {
-          "ID": "4032",
-          "typeID": "Label",
-          "zOrder": "74",
-          "measuredW": "360",
-          "measuredH": "26",
-          "x": "518",
-          "y": "1470",
-          "properties": {
-            "size": "18",
-            "color": "10027263",
-            "text": "find a job. Your job will teach you a lot as well."
-          }
-        }
-      ]
-    },
-    "attributes": {
-      "name": "New Wireframe 9 copy 7",
-      "order": 1000156.2209166192,
-      "parentID": null,
-      "notes": null
-    },
-    "branchID": "Master",
-    "resourceID": "057DB19F-D6AC-44FC-8C5C-52D4D800A91B",
-    "mockupH": "1538",
-    "mockupW": "1159",
-    "measuredW": "1338",
-    "measuredH": "1829",
-    "version": "1.0"
-  },
-  "groupOffset": {
-    "x": 0,
-    "y": 0
-  },
-  "dependencies": [],
-  "projectID": "file:///Users/kamranahmed/Desktop/AWS%20Roadmap.bmpr"
-}
+{"nodes":[{"id":"JN1S4v1vCH6o_1FGxLu6i","type":"paragraph","position":{"x":-674.9010635117819,"y":-189.37102852942985},"selected":true,"data":{"label":"This is the beginner friendly version of the Frontend roadmap. Make sure to","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"left","borderColor":"#000000","backgroundColor":"#FFFFFf"},"oldId":"yHmHXymPNWwu8p1vvqD3o"},"zIndex":999,"width":354,"height":143,"positionAbsolute":{"x":-674.9010635117819,"y":-189.37102852942985},"dragging":false,"selectable":true,"focusable":true,"style":{"width":354,"height":143},"resizing":false},{"width":165,"height":68,"id":"jJebnKe4JftMXZ1lCsipq","type":"title","position":{"x":-239.5,"y":-100.59925177765109},"selected":true,"data":{"label":"Front-end","style":{"fontSize":28,"justifyContent":"flex-start","textAlign":"center"},"oldId":"iogwMmOvub2ZF4zgg6WyF"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-239.5,"y":-100.59925177765109},"focusable":true,"selectable":true},{"width":114,"height":49,"id":"yWG2VUkaF5IJVVut6AiSy","type":"topic","position":{"x":-214.53656999416484,"y":32.270307421902146},"selected":true,"data":{"label":"HTML","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"U0Pn4yFrx6D4CwpUolzOm"},"zIndex":999,"dragging":false,"style":{"width":114,"height":49},"resizing":false,"positionAbsolute":{"x":-214.53656999416484,"y":32.270307421902146},"focusable":true,"selectable":true},{"width":114,"height":49,"id":"ZhJhf1M2OphYbEmduFq-9","type":"topic","position":{"x":-214.53656999416484,"y":107.72214459475447},"selected":true,"data":{"label":"CSS","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"9oRqCFPmznk6bMFAtH0gZ"},"zIndex":999,"dragging":false,"style":{"width":114,"height":49},"resizing":false,"positionAbsolute":{"x":-214.53656999416484,"y":107.72214459475447},"focusable":true,"selectable":true},{"width":114,"height":49,"id":"ODcfFEorkfJNupoQygM53","type":"topic","position":{"x":-214.53656999416484,"y":181.72214459475447},"selected":true,"data":{"label":"JavaScript","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"MD3yDMZpJqEcjQpJQtigd"},"zIndex":999,"dragging":false,"style":{"width":114,"height":49},"resizing":false,"positionAbsolute":{"x":-214.53656999416484,"y":181.72214459475447},"focusable":true,"selectable":true},{"width":100,"height":51,"id":"R_I4SGYqLk5zze5I1zS_E","type":"topic","position":{"x":-304.6892121675555,"y":319.22214459475447},"selected":true,"data":{"label":"Git","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"R_I4SGYqLk5zze5I1zS_E"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-304.6892121675555,"y":319.22214459475447},"style":{"width":100,"height":51},"resizing":false,"focusable":true,"selectable":true},{"width":100,"height":49,"id":"qmTVMJDsEhNIkiwE_UTYu","type":"topic","position":{"x":-104.68921216755552,"y":319.22214459475447},"selected":true,"data":{"label":"GitHub","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"YFe7BDbyGA_iiDUkx6oqq"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-104.68921216755552,"y":319.22214459475447},"style":{"width":100,"height":49},"resizing":false,"focusable":true,"selectable":true},{"width":114,"height":49,"id":"ib_FHinhrw8VuSet-xMF7","type":"topic","position":{"x":-211.68921216755552,"y":451.7248298360628},"selected":true,"data":{"label":"npm","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"ci4QooZfv4b4V_dbHdBVy"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-211.68921216755552,"y":451.7248298360628},"style":{"width":114,"height":49},"resizing":false,"focusable":true,"selectable":true},{"width":117,"height":49,"id":"tG5v3O4lNIFc2uCnacPak","type":"topic","position":{"x":-213.18921216755552,"y":550.7248298360628},"selected":true,"data":{"label":"React","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"uIal-YNBZj87IUQkpesPY"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-213.18921216755552,"y":550.7248298360628},"style":{"width":117,"height":49},"resizing":false,"focusable":true,"selectable":true},{"width":121,"height":49,"id":"eghnfG4p7i-EDWfp3CQXC","type":"topic","position":{"x":-214.53656999416484,"y":651.7248298360628},"selected":true,"data":{"label":"Tailwind","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"URZEGnsvxsqA6di6RPE-9"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-214.53656999416484,"y":651.7248298360628},"style":{"width":121,"height":49},"resizing":false,"focusable":true,"selectable":true},{"width":20,"height":102,"id":"LEijbLyxg4RyutKEM2Y5g","type":"vertical","position":{"x":-167,"y":-202.5992517776511},"selected":true,"data":{"label":"vertical node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#0A33FF"},"oldId":"xD07fJ1NmNeAarVCEfubU"},"zIndex":999,"positionAbsolute":{"x":-167,"y":-202.5992517776511},"dragging":false,"focusable":true,"style":{"width":20,"height":102},"resizing":false,"selectable":true},{"width":121,"height":49,"id":"hVQ89f6G0LXEgHIOKHDYq","type":"topic","position":{"x":-214.53656999416484,"y":762.100267415748},"selected":true,"data":{"label":"Vitest","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center"},"oldId":"-mSYXMk_uhUAoQAwBhxgp"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-214.53656999416484,"y":762.100267415748},"style":{"width":121,"height":49},"resizing":false,"focusable":true,"selectable":true},{"id":"yHmHXymPNWwu8p1vvqD3o","type":"paragraph","position":{"x":15.964587556206538,"y":-188.19821046440893},"selected":true,"data":{"label":"Find the detailed version of this roadmap along with other similar roadmaps","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"left","borderColor":"#000000","backgroundColor":"#FFFFFf"}},"zIndex":999,"width":354,"height":143,"positionAbsolute":{"x":15.964587556206538,"y":-188.19821046440893},"dragging":false,"selectable":true,"focusable":true,"style":{"width":354,"height":143},"resizing":false},{"id":"2zqZkyVgigifcRS1H7F_b","type":"button","position":{"x":29.167961969006683,"y":-106.21264704666363},"selected":true,"data":{"label":"roadmap.sh","href":"https://roadmap.sh","color":"#ffffff","backgroundColor":"#4136D6","style":{"fontSize":17}},"zIndex":999,"width":329,"height":49,"dragging":false,"style":{"width":329,"height":49},"resizing":false,"positionAbsolute":{"x":29.167961969006683,"y":-106.21264704666363},"selectable":true,"focusable":true},{"id":"MfErpYwkJ0wiWJZEUVfrb","type":"button","position":{"x":-660.5491661871866,"y":-109.81921331160987},"selected":true,"data":{"label":"Visit the Detailed Version","href":"/frontend","color":"#ffffff","backgroundColor":"#232323","style":{"fontSize":17},"oldId":"2zqZkyVgigifcRS1H7F_b"},"zIndex":999,"width":328,"height":49,"dragging":false,"style":{"width":328,"height":49},"resizing":false,"positionAbsolute":{"x":-660.5491661871866,"y":-109.81921331160987},"selectable":true,"focusable":true},{"id":"I2RGaVTaAeRroxbay3SYh","type":"label","position":{"x":-446.6381872719935,"y":41.270307421902146},"selected":true,"data":{"label":"Important Tip","href":"","color":"#000000","style":{"fontSize":24}},"zIndex":999,"width":160,"height":36,"focusable":true,"dragging":false,"positionAbsolute":{"x":-446.6381872719935,"y":41.270307421902146},"selectable":true},{"id":"j5AxF9IQtR3JI2nJBXxQN","type":"label","position":{"x":-667.6381872719935,"y":86.90074822234891},"selected":true,"data":{"label":"Make sure to build as many projects as possible","href":"","color":"#000000","style":{"fontSize":17}},"zIndex":999,"width":381,"height":36,"dragging":false,"positionAbsolute":{"x":-667.6381872719935,"y":86.90074822234891},"selectable":true,"focusable":true},{"id":"rdjfNKH0jN8X-X8UKOqsl","type":"label","position":{"x":-533.6381872719935,"y":119.90074822234891},"selected":true,"data":{"label":"for each node of the roadmap.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"j5AxF9IQtR3JI2nJBXxQN"},"zIndex":999,"width":247,"height":36,"dragging":false,"positionAbsolute":{"x":-533.6381872719935,"y":119.90074822234891},"selectable":true,"focusable":true},{"id":"MO8OXYMBIIA85_u9-7-hi","type":"label","position":{"x":-34.689212167555525,"y":50.90074822234891},"selected":true,"data":{"label":"You should be able to find an intern or Junior Frontend","href":"","color":"#000000","style":{"fontSize":17},"oldId":"j5AxF9IQtR3JI2nJBXxQN"},"zIndex":999,"width":431,"height":36,"dragging":false,"positionAbsolute":{"x":-34.689212167555525,"y":50.90074822234891},"selectable":true,"focusable":true},{"id":"F28c0wDzgwUxFMWYz0msx","type":"label","position":{"x":-34.689212167555525,"y":81.90074822234891},"selected":true,"data":{"label":"Developer join after learning these three.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"MO8OXYMBIIA85_u9-7-hi"},"zIndex":999,"width":331,"height":36,"dragging":false,"positionAbsolute":{"x":-34.689212167555525,"y":81.90074822234891},"selectable":true,"focusable":true},{"id":"iV045Xe_KaRlNdUE8B60X","type":"label","position":{"x":-34.689212167555525,"y":134.72214459475447},"selected":true,"data":{"label":"Start applying for jobs and keep learning.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"F28c0wDzgwUxFMWYz0msx"},"zIndex":999,"width":329,"height":36,"dragging":false,"positionAbsolute":{"x":-34.689212167555525,"y":134.72214459475447},"selectable":true,"focusable":true},{"id":"5OWN-MIXGNevgk4hqqGNI","type":"label","position":{"x":-676.5365699941649,"y":313.98686990745773},"selected":true,"data":{"label":"Learn about Version Control Systems","href":"","color":"#000000","style":{"fontSize":17},"oldId":"j5AxF9IQtR3JI2nJBXxQN"},"zIndex":999,"width":299,"height":36,"dragging":false,"positionAbsolute":{"x":-676.5365699941649,"y":313.98686990745773},"selectable":true,"focusable":true},{"id":"ivO34y_rfSoOjWr0uIY5k","type":"label","position":{"x":-676.5365699941649,"y":344.98686990745773},"selected":true,"data":{"label":"& start using Git for your future projects.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"5OWN-MIXGNevgk4hqqGNI"},"zIndex":999,"width":319,"height":36,"dragging":false,"positionAbsolute":{"x":-676.5365699941649,"y":344.98686990745773},"selectable":true,"focusable":true},{"id":"8fmQqXlKxsUgztS_FpFH2","type":"label","position":{"x":38.49718479195076,"y":309.22214459475447},"selected":true,"data":{"label":"Create your GitHub Profile and publish the","href":"","color":"#000000","style":{"fontSize":17},"oldId":"5OWN-MIXGNevgk4hqqGNI"},"zIndex":999,"width":338,"height":36,"dragging":false,"positionAbsolute":{"x":38.49718479195076,"y":309.22214459475447},"selectable":true,"focusable":true},{"id":"EtoJWV2ulYQyM8KsBOGLg","type":"label","position":{"x":38.49718479195076,"y":339.22214459475447},"selected":true,"data":{"label":"projects you have developed so far to GitHub.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"8fmQqXlKxsUgztS_FpFH2"},"zIndex":999,"width":363,"height":36,"dragging":false,"positionAbsolute":{"x":38.49718479195076,"y":339.22214459475447},"selectable":true,"focusable":true},{"id":"eSZBxde1HcnqKN2cKqsMj","type":"label","position":{"x":-676.5365699941649,"y":449.7248298360628},"selected":true,"data":{"label":"Learn to use npm package manager. This should","href":"","color":"#000000","style":{"fontSize":17},"oldId":"5OWN-MIXGNevgk4hqqGNI"},"zIndex":999,"width":388,"height":36,"dragging":false,"positionAbsolute":{"x":-676.5365699941649,"y":449.7248298360628},"selectable":true,"focusable":true},{"id":"XA6zifDSteE9MSlB1LNcj","type":"label","position":{"x":-676.5365699941649,"y":479.7248298360628},"selected":true,"data":{"label":"be a quick one. Just get the basics and move on.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"eSZBxde1HcnqKN2cKqsMj"},"zIndex":999,"width":387,"height":36,"dragging":false,"positionAbsolute":{"x":-676.5365699941649,"y":479.7248298360628},"selectable":true,"focusable":true},{"id":"zSJ-UDNCgQ3fXybKl4VCD","type":"label","position":{"x":-9.689212167555525,"y":531.7248298360628},"selected":true,"data":{"label":"Create some project with React. Make sure to","href":"","color":"#000000","style":{"fontSize":17},"oldId":"8fmQqXlKxsUgztS_FpFH2"},"zIndex":999,"width":367,"height":36,"dragging":false,"positionAbsolute":{"x":-9.689212167555525,"y":531.7248298360628},"selectable":true,"focusable":true},{"id":"SBV-Ob7mP22kV6NITaTbX","type":"label","position":{"x":-9.689212167555525,"y":561.7248298360628},"selected":true,"data":{"label":"install some external npm packages and include","href":"","color":"#000000","style":{"fontSize":17},"oldId":"zSJ-UDNCgQ3fXybKl4VCD"},"zIndex":999,"width":385,"height":36,"dragging":false,"positionAbsolute":{"x":-9.689212167555525,"y":561.7248298360628},"selectable":true,"focusable":true},{"id":"UyiMx32NdJp2iAhgL6-Il","type":"label","position":{"x":-9.689212167555525,"y":591.7248298360628},"selected":true,"data":{"label":"API calls to fetch some external data.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"SBV-Ob7mP22kV6NITaTbX"},"zIndex":999,"width":299,"height":36,"dragging":false,"positionAbsolute":{"x":-9.689212167555525,"y":591.7248298360628},"selectable":true,"focusable":true},{"id":"5ch3Yjc2SDYphArQNE_Zi","type":"label","position":{"x":-676.5365699941649,"y":645.7248298360628},"selected":true,"data":{"label":"There are several CSS frameworks available. You","href":"","color":"#000000","style":{"fontSize":17},"oldId":"eSZBxde1HcnqKN2cKqsMj"},"zIndex":999,"width":388,"height":36,"dragging":false,"positionAbsolute":{"x":-676.5365699941649,"y":645.7248298360628},"selectable":true,"focusable":true},{"id":"41he9pJzdk_84NQBVs8gA","type":"label","position":{"x":-676.5365699941649,"y":675.7248298360628},"selected":true,"data":{"label":"can pick any. I would recommend learning Tailwind.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"XA6zifDSteE9MSlB1LNcj"},"zIndex":999,"width":403,"height":36,"dragging":false,"positionAbsolute":{"x":-676.5365699941649,"y":675.7248298360628},"selectable":true,"focusable":true},{"id":"N-ssIAczsBG7YQhLX6xZL","type":"label","position":{"x":-667.6381872719935,"y":762.100267415748},"selected":true,"data":{"label":"Learn about different Testing types and how to","href":"","color":"#000000","style":{"fontSize":17},"oldId":"41he9pJzdk_84NQBVs8gA"},"zIndex":999,"width":370,"height":36,"dragging":false,"positionAbsolute":{"x":-667.6381872719935,"y":762.100267415748},"selectable":true,"focusable":true},{"id":"SB8Ee41oFdMzsk-znvyIl","type":"label","position":{"x":-667.6381872719935,"y":798.100267415748},"selected":true,"data":{"label":"test your frontend using something like Vitest.","href":"","color":"#000000","style":{"fontSize":17},"oldId":"N-ssIAczsBG7YQhLX6xZL"},"zIndex":999,"width":362,"height":36,"dragging":false,"positionAbsolute":{"x":-667.6381872719935,"y":798.100267415748},"selectable":true,"focusable":true},{"id":"wBKp8Q5D6WhjVVsD89UHl","type":"paragraph","position":{"x":-398.53656999416484,"y":914.400748222349},"selected":true,"data":{"label":"Depending on the depth of your knowledge and your projects, at this point, you should have enough knowledge to find a Junior to Mid-level (maybe even senior) position at any company. Keep learning and building projects till you find a job. Your job will teach you a lot as well.","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center","backgroundColor":"#ffffff","borderColor":"#000000"}},"zIndex":999,"width":489,"height":164,"positionAbsolute":{"x":-398.53656999416484,"y":914.400748222349},"dragging":false,"style":{"width":489,"height":164},"resizing":false,"selectable":true,"focusable":true},{"width":409,"height":119,"id":"0vLaVNJaJSHZ_bHli6Qzs","type":"paragraph","position":{"x":-358.53656999416484,"y":1180.7906301811447},"selected":true,"data":{"label":"Continue Learning with following roadmap","style":{"fontSize":17,"justifyContent":"flex-start","textAlign":"center","borderColor":"#000000","backgroundColor":"WHITe"},"oldId":"m9eO0jLGuR_9w2JJbe_g2"},"zIndex":999,"positionAbsolute":{"x":-358.53656999416484,"y":1180.7906301811447},"dragging":false,"style":{"width":409,"height":119},"resizing":false,"focusable":true,"selectable":true},{"width":379,"height":49,"id":"OIcmPSbdsuWapb6HZ4BEi","type":"button","position":{"x":-343.53656999416484,"y":1234.9362876142543},"selected":true,"data":{"label":"Visit Detailed Frontend Roadmap","href":"https://roadmap.sh/frontend","color":"#FFf","backgroundColor":"#4136D6","style":{"fontSize":17},"borderColor":"#4136D6","oldId":"cmSSwPPiiHwYh9ct14N6A"},"zIndex":999,"dragging":false,"positionAbsolute":{"x":-343.53656999416484,"y":1234.9362876142543},"style":{"width":379,"height":49},"focusable":true,"resizing":false,"selectable":true},{"width":20,"height":85,"id":"RLtk1C3gofHnLJ17x3o5b","type":"vertical","position":{"x":-164.03656999416484,"y":1303.7906301811447},"selected":true,"data":{"label":"vertical node","style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2B78E4"},"oldId":"ExXFPDHXtcOMcvZttzxvD"},"zIndex":999,"positionAbsolute":{"x":-164.03656999416484,"y":1303.7906301811447},"dragging":false,"focusable":true,"style":{"width":20,"height":85},"resizing":false,"selectable":true}],"edges":[{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"x2","target":"eghnfG4p7i-EDWfp3CQXC","targetHandle":"w1","data":{"edgeStyle":"dashed"},"id":"8cshqMXb08BgNWbrVWNgN","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0.8 8","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"sourceHandle":"z2","target":"hVQ89f6G0LXEgHIOKHDYq","targetHandle":"y1","data":{"edgeStyle":"dashed"},"id":"Qstlhy-gNuV1VlBRCpt-K","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"jJebnKe4JftMXZ1lCsipq","sourceHandle":"x2","target":"yWG2VUkaF5IJVVut6AiSy","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-jJebnKe4JftMXZ1lCsipqx2-yWG2VUkaF5IJVVut6AiSyw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"yWG2VUkaF5IJVVut6AiSy","sourceHandle":"x2","target":"ZhJhf1M2OphYbEmduFq-9","targetHandle":"w2","data":{"edgeStyle":"solid"},"id":"reactflow__edge-yWG2VUkaF5IJVVut6AiSyx2-ZhJhf1M2OphYbEmduFq-9w2","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"ZhJhf1M2OphYbEmduFq-9","sourceHandle":"x2","target":"ODcfFEorkfJNupoQygM53","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-ZhJhf1M2OphYbEmduFq-9x2-ODcfFEorkfJNupoQygM53w1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"ODcfFEorkfJNupoQygM53","sourceHandle":"x2","target":"R_I4SGYqLk5zze5I1zS_E","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-ODcfFEorkfJNupoQygM53x2-R_I4SGYqLk5zze5I1zS_Ew1","selected":true,"focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"ODcfFEorkfJNupoQygM53","sourceHandle":"x2","target":"qmTVMJDsEhNIkiwE_UTYu","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-ODcfFEorkfJNupoQygM53x2-qmTVMJDsEhNIkiwE_UTYuw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"R_I4SGYqLk5zze5I1zS_E","sourceHandle":"x2","target":"ib_FHinhrw8VuSet-xMF7","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-50gUj87wwSW8UQifdPcFzx2-ib_FHinhrw8VuSet-xMF7w1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"qmTVMJDsEhNIkiwE_UTYu","sourceHandle":"x2","target":"ib_FHinhrw8VuSet-xMF7","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-qmTVMJDsEhNIkiwE_UTYux2-ib_FHinhrw8VuSet-xMF7w1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"ib_FHinhrw8VuSet-xMF7","sourceHandle":"x2","target":"tG5v3O4lNIFc2uCnacPak","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-ib_FHinhrw8VuSet-xMF7x2-tG5v3O4lNIFc2uCnacPakw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"tG5v3O4lNIFc2uCnacPak","sourceHandle":"x2","target":"eghnfG4p7i-EDWfp3CQXC","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-tG5v3O4lNIFc2uCnacPakx2-eghnfG4p7i-EDWfp3CQXCw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"eghnfG4p7i-EDWfp3CQXC","sourceHandle":"x2","target":"hVQ89f6G0LXEgHIOKHDYq","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-eghnfG4p7i-EDWfp3CQXCx2-hVQ89f6G0LXEgHIOKHDYqw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"hVQ89f6G0LXEgHIOKHDYq","sourceHandle":"x2","target":"wBKp8Q5D6WhjVVsD89UHl","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-hVQ89f6G0LXEgHIOKHDYqx2-wBKp8Q5D6WhjVVsD89UHlw1","selected":true,"selectable":true,"focusable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"KMA7NkxFbPoUDtFnGBFnj","sourceHandle":"x2","target":"0vLaVNJaJSHZ_bHli6Qzs","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-KMA7NkxFbPoUDtFnGBFnjx2-0vLaVNJaJSHZ_bHli6Qzsw1","selected":true,"type":"simplebezier","focusable":true,"selectable":true},{"style":{"strokeDasharray":"0","strokeLinecap":"round","strokeWidth":3.5,"stroke":"#2b78e4"},"source":"wBKp8Q5D6WhjVVsD89UHl","sourceHandle":"x2","target":"0vLaVNJaJSHZ_bHli6Qzs","targetHandle":"w1","data":{"edgeStyle":"solid"},"id":"reactflow__edge-wBKp8Q5D6WhjVVsD89UHlx2-0vLaVNJaJSHZ_bHli6Qzsw1","selected":true,"selectable":true,"focusable":true}]}
\ No newline at end of file
diff --git a/src/data/roadmaps/frontend/frontend-forkable.json b/src/data/roadmaps/frontend/frontend-forkable.json
deleted file mode 100644
index 4f1e4f81f..000000000
--- a/src/data/roadmaps/frontend/frontend-forkable.json
+++ /dev/null
@@ -1,5916 +0,0 @@
-{
-  "title": "Frontend Roadmap (Fork)",
-  "description": "A step-by-step guide to becoming a modern frontend developer.",
-  "nodes": [
-    {
-      "width": 20,
-      "height": 102,
-      "id": "0Q-brRt6RZ7dJu62PvwnC",
-      "type": "vertical",
-      "position": {
-        "x": 160.24458345301082,
-        "y": 1884.1531615740655
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#0A33FF"
-        },
-        "oldId": "LEijbLyxg4RyutKEM2Y5g"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 160.24458345301082,
-        "y": 1884.1531615740655
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 102
-      },
-      "resizing": false
-    },
-    {
-      "width": 20,
-      "height": 68,
-      "id": "lt2I-iu3cbAdYULHvQTp6",
-      "type": "vertical",
-      "position": {
-        "x": 112.34973095743374,
-        "y": 1121.4097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#0A33FF"
-        },
-        "oldId": "jhWc-VQRqJ4CJfJjkmSf8"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 112.34973095743374,
-        "y": 1121.4097604780045
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 68
-      },
-      "resizing": false
-    },
-    {
-      "width": 20,
-      "height": 68,
-      "id": "jhWc-VQRqJ4CJfJjkmSf8",
-      "type": "vertical",
-      "position": {
-        "x": -0.6057163550145788,
-        "y": 1130.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#0A33FF"
-        },
-        "oldId": "a-BmplOk9rfE2Q9beP30d"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": -0.6057163550145788,
-        "y": 1130.9097604780045
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 68
-      },
-      "resizing": false
-    },
-    {
-      "width": 20,
-      "height": 68,
-      "id": "a-BmplOk9rfE2Q9beP30d",
-      "type": "vertical",
-      "position": {
-        "x": -49.689212167555525,
-        "y": 959.9484886477385
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#0A33FF"
-        },
-        "oldId": "y9e6gBuE1tiIOzhxm83cc"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": -49.689212167555525,
-        "y": 959.9484886477385
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 68
-      },
-      "resizing": false
-    },
-    {
-      "width": 20,
-      "height": 68,
-      "id": "y9e6gBuE1tiIOzhxm83cc",
-      "type": "vertical",
-      "position": {
-        "x": -159.68921216755552,
-        "y": 959.9484886477385
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#0A33FF"
-        },
-        "oldId": "LEijbLyxg4RyutKEM2Y5g"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": -159.68921216755552,
-        "y": 959.9484886477385
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 68
-      },
-      "resizing": false
-    },
-    {
-      "width": 461,
-      "height": 123,
-      "id": "0vLaVNJaJSHZ_bHli6Qzs",
-      "type": "paragraph",
-      "position": {
-        "x": -349.3588438928505,
-        "y": 2978.163242675726
-      },
-      "selected": false,
-      "data": {
-        "label": "Continue Learning with following relevant tracks",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center",
-          "borderColor": "#000000",
-          "backgroundColor": "WHITe"
-        },
-        "oldId": "m9eO0jLGuR_9w2JJbe_g2"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": -349.3588438928505,
-        "y": 2978.163242675726
-      },
-      "dragging": false,
-      "style": {
-        "width": 461,
-        "height": 123
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 260,
-      "height": 327,
-      "id": "Tqv7Lj8TklDTrZH5_fmUf",
-      "type": "paragraph",
-      "position": {
-        "x": -344.71877670581523,
-        "y": 2187.382968916314
-      },
-      "selected": false,
-      "data": {
-        "label": "Calculating Measuring and improving performance",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-end",
-          "textAlign": "center",
-          "borderColor": "#000000",
-          "backgroundColor": "WHITe"
-        }
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 260,
-        "height": 327
-      },
-      "resizing": false,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -344.71877670581523,
-        "y": 2187.382968916314
-      },
-      "focusable": true
-    },
-    {
-      "width": 165,
-      "height": 68,
-      "id": "jJebnKe4JftMXZ1lCsipq",
-      "type": "title",
-      "position": {
-        "x": -234.5,
-        "y": -100.59925177765109
-      },
-      "selected": false,
-      "data": {
-        "label": "Front-end",
-        "style": {
-          "fontSize": 28,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "iogwMmOvub2ZF4zgg6WyF"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -234.5,
-        "y": -100.59925177765109
-      },
-      "focusable": true
-    },
-    {
-      "width": 155,
-      "height": 49,
-      "id": "VlNNwIEDWqQXtqkHWJYzC",
-      "type": "topic",
-      "position": {
-        "x": -229.5,
-        "y": 68.27030742190215
-      },
-      "selected": false,
-      "data": {
-        "label": "Internet",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "_hYN0gEi9BL24nptEtXWU"
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 155,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -229.5,
-        "y": 68.27030742190215
-      },
-      "dragging": false,
-      "focusable": true
-    },
-    {
-      "width": 307,
-      "height": 49,
-      "id": "yCnn-NfSxIybUQ2iTuUGq",
-      "type": "subtopic",
-      "position": {
-        "x": 91.2410268116243,
-        "y": -94.72969257809785
-      },
-      "selected": false,
-      "data": {
-        "label": "How does the internet work?",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "idLHBxhvcIqZTqmh_E8Az"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 91.2410268116243,
-        "y": -94.72969257809785
-      },
-      "dragging": false,
-      "style": {
-        "width": 307,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 307,
-      "height": 49,
-      "id": "R12sArWVpbIs_PHxBqVaR",
-      "type": "subtopic",
-      "position": {
-        "x": 91.2410268116243,
-        "y": -40.729692578097854
-      },
-      "selected": false,
-      "data": {
-        "label": "What is HTTP?",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "os3Pa6W9SSNEzgmlBbglQ"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 91.2410268116243,
-        "y": -40.729692578097854
-      },
-      "dragging": false,
-      "style": {
-        "width": 307,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 307,
-      "height": 49,
-      "id": "ZhSuu2VArnzPDp6dPQQSC",
-      "type": "subtopic",
-      "position": {
-        "x": 91.2410268116243,
-        "y": 13.270307421902146
-      },
-      "selected": false,
-      "data": {
-        "label": "What is Domain Name?",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "3oInpqvTSSC5_K6i7j8N7"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 91.2410268116243,
-        "y": 13.270307421902146
-      },
-      "dragging": false,
-      "style": {
-        "width": 307,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 307,
-      "height": 49,
-      "id": "aqMaEY8gkKMikiqleV5EP",
-      "type": "subtopic",
-      "position": {
-        "x": 91.2410268116243,
-        "y": 67.27030742190215
-      },
-      "selected": false,
-      "data": {
-        "label": "What is hosting?",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "gRjFXRwpOwoyd15PHVpdB"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 91.2410268116243,
-        "y": 67.27030742190215
-      },
-      "dragging": false,
-      "style": {
-        "width": 307,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 307,
-      "height": 49,
-      "id": "hkxw9jPGYphmjhTjw8766",
-      "type": "subtopic",
-      "position": {
-        "x": 91.2410268116243,
-        "y": 121.27030742190215
-      },
-      "selected": false,
-      "data": {
-        "label": "DNS and how it works?",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "YKhuRbcUFzo0hTvuTq-Yl"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 91.2410268116243,
-        "y": 121.27030742190215
-      },
-      "dragging": false,
-      "style": {
-        "width": 307,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 307,
-      "height": 49,
-      "id": "P82WFaTPgQEPNp5IIuZ1Y",
-      "type": "subtopic",
-      "position": {
-        "x": 91.2410268116243,
-        "y": 175.27030742190215
-      },
-      "selected": false,
-      "data": {
-        "label": "Browsers and how they work?",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "CPRpuk76c9-wuIffEfu87"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": 91.2410268116243,
-        "y": 175.27030742190215
-      },
-      "dragging": false,
-      "style": {
-        "width": 307,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 173,
-      "height": 49,
-      "id": "yWG2VUkaF5IJVVut6AiSy",
-      "type": "topic",
-      "position": {
-        "x": -611.8814218617622,
-        "y": 244.27030742190215
-      },
-      "selected": false,
-      "data": {
-        "label": "HTML",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "U0Pn4yFrx6D4CwpUolzOm"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 173,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -611.8814218617622,
-        "y": 244.27030742190215
-      },
-      "focusable": true
-    },
-    {
-      "width": 259,
-      "height": 49,
-      "id": "PCirR2QiFYO89Fm-Ev3o1",
-      "type": "subtopic",
-      "position": {
-        "x": -654.8814218617622,
-        "y": -98.48450673924191
-      },
-      "selected": false,
-      "data": {
-        "label": "Learn the basics",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "JdTNyawEIHeBgq5p2ELwy"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 259,
-        "height": 49
-      },
-      "positionAbsolute": {
-        "x": -654.8814218617622,
-        "y": -98.48450673924191
-      },
-      "focusable": true
-    },
-    {
-      "width": 259,
-      "height": 49,
-      "id": "z8-556o-PaHXjlytrawaF",
-      "type": "subtopic",
-      "position": {
-        "x": -654.8814218617622,
-        "y": -44.48450673924191
-      },
-      "selected": false,
-      "data": {
-        "label": "Writing Semantic HTML",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "08aXk7pJXz4gkrXyrmGky"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -654.8814218617622,
-        "y": -44.48450673924191
-      },
-      "style": {
-        "width": 259,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 259,
-      "height": 49,
-      "id": "V5zucKEHnIPPjwHqsMPHF",
-      "type": "subtopic",
-      "position": {
-        "x": -654.8814218617622,
-        "y": 9.515493260758092
-      },
-      "selected": false,
-      "data": {
-        "label": "Forms and Validations",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "yxcsIStIXMiZslCu1DPV5"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -654.8814218617622,
-        "y": 9.515493260758092
-      },
-      "style": {
-        "width": 259,
-        "height": 49
-      },
-      "focusable": true
-    },
-    {
-      "width": 259,
-      "height": 49,
-      "id": "iJIqi7ngpGHWAqtgdjgxB",
-      "type": "subtopic",
-      "position": {
-        "x": -654.8814218617622,
-        "y": 63.51549326075809
-      },
-      "selected": false,
-      "data": {
-        "label": "Accessibility",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "jZcqyxmIvdqnxGDhbHqxk"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -654.8814218617622,
-        "y": 63.51549326075809
-      },
-      "style": {
-        "width": 259,
-        "height": 49
-      },
-      "focusable": true
-    },
-    {
-      "width": 259,
-      "height": 49,
-      "id": "mH_qff8R7R6eLQ1tPHLgG",
-      "type": "subtopic",
-      "position": {
-        "x": -654.8814218617622,
-        "y": 117.51549326075809
-      },
-      "selected": false,
-      "data": {
-        "label": "SEO Basics",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "yfirDE1KGIU9ryXQxg4qT"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -654.8814218617622,
-        "y": 117.51549326075809
-      },
-      "style": {
-        "width": 259,
-        "height": 49
-      },
-      "focusable": true
-    },
-    {
-      "width": 127,
-      "height": 49,
-      "id": "ZhJhf1M2OphYbEmduFq-9",
-      "type": "topic",
-      "position": {
-        "x": -315.18467266956964,
-        "y": 309.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "CSS",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "9oRqCFPmznk6bMFAtH0gZ"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 127,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -315.18467266956964,
-        "y": 309.72214459475447
-      },
-      "focusable": true
-    },
-    {
-      "width": 195,
-      "height": 49,
-      "id": "YFjzPKWDwzrgk2HUX952L",
-      "type": "subtopic",
-      "position": {
-        "x": -111.68467266956958,
-        "y": 255.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "Learn the basics",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "zdnKDruFT-mwYhyItM5px"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -111.68467266956958,
-        "y": 255.72214459475447
-      },
-      "style": {
-        "width": 195,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 195,
-      "height": 49,
-      "id": "dXeYVMXv-3MRQ1ovOUuJW",
-      "type": "subtopic",
-      "position": {
-        "x": -111.68467266956958,
-        "y": 309.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "Making Layouts",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "lmnqgHgt45-mXqKnW4Y_M"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -111.68467266956958,
-        "y": 309.72214459475447
-      },
-      "style": {
-        "width": 195,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 195,
-      "height": 49,
-      "id": "TKtWmArHn7elXRJdG6lDQ",
-      "type": "subtopic",
-      "position": {
-        "x": -111.68467266956958,
-        "y": 363.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "Responsive Design",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "T04FRCIzpGmFMji5LiDQ5"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -111.68467266956958,
-        "y": 363.72214459475447
-      },
-      "style": {
-        "width": 195,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 127,
-      "height": 49,
-      "id": "ODcfFEorkfJNupoQygM53",
-      "type": "topic",
-      "position": {
-        "x": -316.1846726695696,
-        "y": 462.5154932607581
-      },
-      "selected": false,
-      "data": {
-        "label": "JavaScript",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "MD3yDMZpJqEcjQpJQtigd"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 127,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -316.1846726695696,
-        "y": 462.5154932607581
-      },
-      "focusable": true
-    },
-    {
-      "width": 240,
-      "height": 49,
-      "id": "A4brX0efjZ0FFPTB4r6U0",
-      "type": "subtopic",
-      "position": {
-        "x": -645.3075746114723,
-        "y": 516.7221445947545
-      },
-      "selected": false,
-      "data": {
-        "label": "Fetch API / Ajax (XHR)",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "ZHFZBySpPJwJH3UDwJ9HY"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -645.3075746114723,
-        "y": 516.7221445947545
-      },
-      "style": {
-        "width": 240,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 240,
-      "height": 49,
-      "id": "0MAogsAID9R04R5TTO2Qa",
-      "type": "subtopic",
-      "position": {
-        "x": -645.3075746114723,
-        "y": 462.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "Learn DOM Manipulation",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "f-zv32_OdWNMXej3w6q1J"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -645.3075746114723,
-        "y": 462.72214459475447
-      },
-      "style": {
-        "width": 240,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 240,
-      "height": 49,
-      "id": "wQSjQqwKHfn5RGPk34BWI",
-      "type": "subtopic",
-      "position": {
-        "x": -645.3075746114723,
-        "y": 408.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "Learn the Basics",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "HDznTGgbYd3Z-gtDWSt9M"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -645.3075746114723,
-        "y": 408.72214459475447
-      },
-      "style": {
-        "width": 240,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 153,
-      "height": 49,
-      "id": "MXnFhZlNB1zTsBFDyni9H",
-      "type": "topic",
-      "position": {
-        "x": 244.89428364498542,
-        "y": 462.5154932607581
-      },
-      "selected": false,
-      "data": {
-        "label": "VCS Hosting",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "hRzglhOCM-mgmA7sPQI_J"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 153,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 244.89428364498542,
-        "y": 462.5154932607581
-      },
-      "focusable": true
-    },
-    {
-      "width": 247,
-      "height": 49,
-      "id": "NIY7c4TQEEHx0hATu-k5C",
-      "type": "topic",
-      "position": {
-        "x": -89.10571635501458,
-        "y": 462.72214459475447
-      },
-      "selected": false,
-      "data": {
-        "label": "Version Control Systems",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "UDis-1MAyLHwxm4wdJrbE"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 247,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -89.10571635501458,
-        "y": 462.72214459475447
-      },
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "R_I4SGYqLk5zze5I1zS_E",
-      "type": "subtopic",
-      "position": {
-        "x": -15.605716355014579,
-        "y": 553.7221445947545
-      },
-      "selected": false,
-      "data": {
-        "label": "Git",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "mi9YYg2qoXHHZm4LMZZMi"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -15.605716355014579,
-        "y": 553.7221445947545
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 202,
-      "height": 49,
-      "id": "IqvS1V-98cxko3e9sBQgP",
-      "type": "topic",
-      "position": {
-        "x": -41.10571635501458,
-        "y": 642.3734598570146
-      },
-      "selected": false,
-      "data": {
-        "label": "Package Managers",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Jr2sD2Mn0oGGTnTYggWRZ"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 202,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -41.10571635501458,
-        "y": 642.3734598570146
-      },
-      "focusable": true
-    },
-    {
-      "width": 153,
-      "height": 49,
-      "id": "qmTVMJDsEhNIkiwE_UTYu",
-      "type": "subtopic",
-      "position": {
-        "x": 244.89428364498542,
-        "y": 260.49093274179154
-      },
-      "selected": false,
-      "data": {
-        "label": "GitHub",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "YFe7BDbyGA_iiDUkx6oqq"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 244.89428364498542,
-        "y": 260.49093274179154
-      },
-      "style": {
-        "width": 153,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 153,
-      "height": 49,
-      "id": "zIoSJMX3cuzCgDYHjgbEh",
-      "type": "subtopic",
-      "position": {
-        "x": 244.89428364498542,
-        "y": 314.49093274179154
-      },
-      "selected": false,
-      "data": {
-        "label": "GitLab",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "bxr3QfV0O9CTeAePaV-vc"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 244.89428364498542,
-        "y": 314.49093274179154
-      },
-      "style": {
-        "width": 153,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 153,
-      "height": 49,
-      "id": "DILBiQp7WWgSZ5hhtDW6A",
-      "type": "subtopic",
-      "position": {
-        "x": 244.89428364498542,
-        "y": 368.49093274179154
-      },
-      "selected": false,
-      "data": {
-        "label": "Bitbucket",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Uz1bEMwz1z_Bnm7IpZtUt"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 244.89428364498542,
-        "y": 368.49093274179154
-      },
-      "style": {
-        "width": 153,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 123,
-      "height": 49,
-      "id": "yrq3nOwFREzl-9EKnpU-e",
-      "type": "subtopic",
-      "position": {
-        "x": -234.5062033769848,
-        "y": 694.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "yarn",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "aHMTzaoKeju0JmnKcL5Zf"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -234.5062033769848,
-        "y": 694.7248298360628
-      },
-      "style": {
-        "width": 123,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 123,
-      "height": 49,
-      "id": "SLxA5qJFp_28TRzr1BjxZ",
-      "type": "subtopic",
-      "position": {
-        "x": -234.5062033769848,
-        "y": 640.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "pnpm",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "I8DtxaKfOiZV7z7cIjBp1"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -234.5062033769848,
-        "y": 640.7248298360628
-      },
-      "style": {
-        "width": 123,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 123,
-      "height": 49,
-      "id": "ib_FHinhrw8VuSet-xMF7",
-      "type": "subtopic",
-      "position": {
-        "x": -234.5062033769848,
-        "y": 586.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "npm",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "ci4QooZfv4b4V_dbHdBVy"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -234.5062033769848,
-        "y": 586.7248298360628
-      },
-      "style": {
-        "width": 123,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 202,
-      "height": 49,
-      "id": "eXezX7CVNyC1RuyU_I4yP",
-      "type": "topic",
-      "position": {
-        "x": -41.10571635501458,
-        "y": 816.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Pick a Framework",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "qluZto0GSnGcLKzo5aPvG"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 202,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -41.10571635501458,
-        "y": 816.7248298360628
-      },
-      "focusable": true
-    },
-    {
-      "width": 124,
-      "height": 49,
-      "id": "-bHFIiXnoUQSov64WI9yo",
-      "type": "subtopic",
-      "position": {
-        "x": 271.6924253885277,
-        "y": 762.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Angular",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "_mAZxK-bYwb0YSGi3_TYf"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 271.6924253885277,
-        "y": 762.7248298360628
-      },
-      "style": {
-        "width": 124,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 124,
-      "height": 49,
-      "id": "ERAdwL1G9M1bnx-fOm5ZA",
-      "type": "subtopic",
-      "position": {
-        "x": 271.6924253885277,
-        "y": 708.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Vue.js",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "wULFs38svyl-2rFOZU_6O"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 271.6924253885277,
-        "y": 708.7248298360628
-      },
-      "style": {
-        "width": 124,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 124,
-      "height": 49,
-      "id": "tG5v3O4lNIFc2uCnacPak",
-      "type": "subtopic",
-      "position": {
-        "x": 271.6924253885277,
-        "y": 654.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "React",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "uIal-YNBZj87IUQkpesPY"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 271.6924253885277,
-        "y": 654.7248298360628
-      },
-      "style": {
-        "width": 124,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 124,
-      "height": 49,
-      "id": "ZR-qZ2Lcbu3FtqaMd3wM4",
-      "type": "subtopic",
-      "position": {
-        "x": 271.6924253885277,
-        "y": 816.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Svelte",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "a99SLXPb90SKSYlKnLZ2V"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 271.6924253885277,
-        "y": 816.7248298360628
-      },
-      "style": {
-        "width": 124,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 124,
-      "height": 49,
-      "id": "DxOSKnqAjZOPP-dq_U7oP",
-      "type": "subtopic",
-      "position": {
-        "x": 271.6924253885277,
-        "y": 870.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Solid JS",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "76_HsxbNz3Hx_ceupTc7d"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 271.6924253885277,
-        "y": 870.7248298360628
-      },
-      "style": {
-        "width": 124,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 124,
-      "height": 49,
-      "id": "N5DCb6bDfgUnSdHPLYY4g",
-      "type": "subtopic",
-      "position": {
-        "x": 271.6924253885277,
-        "y": 924.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Qwik",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "plpeLEvJgqN8v_koc8zMf"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 271.6924253885277,
-        "y": 924.7248298360628
-      },
-      "style": {
-        "width": 124,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 171,
-      "height": 49,
-      "id": "XDTD8el6OwuQ55wC-X4iV",
-      "type": "topic",
-      "position": {
-        "x": -448.6984751538557,
-        "y": 817.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Writing CSS",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "mVB2SuMdWlS4iboXkZmmi"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 171,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -448.6984751538557,
-        "y": 817.7248298360628
-      },
-      "focusable": true
-    },
-    {
-      "width": 138,
-      "height": 49,
-      "id": "eghnfG4p7i-EDWfp3CQXC",
-      "type": "subtopic",
-      "position": {
-        "x": -644.6984751538557,
-        "y": 817.7248298360628
-      },
-      "selected": false,
-      "data": {
-        "label": "Tailwind",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "URZEGnsvxsqA6di6RPE-9"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -644.6984751538557,
-        "y": 817.7248298360628
-      },
-      "style": {
-        "width": 138,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 20,
-      "height": 102,
-      "id": "LEijbLyxg4RyutKEM2Y5g",
-      "type": "vertical",
-      "position": {
-        "x": -162,
-        "y": -202.5992517776511
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#0A33FF"
-        },
-        "oldId": "xD07fJ1NmNeAarVCEfubU"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": -162,
-        "y": -202.5992517776511
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 102
-      },
-      "resizing": false
-    },
-    {
-      "width": 176,
-      "height": 49,
-      "id": "nPg_YWpMJtlhU2t2UD_6B",
-      "type": "topic",
-      "position": {
-        "x": -451.1984751538557,
-        "y": 939.3734598570145
-      },
-      "selected": false,
-      "data": {
-        "label": "CSS Architecture",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Hywq64knVVo-ueMDlWIlV"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 176,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -451.1984751538557,
-        "y": 939.3734598570145
-      },
-      "focusable": true
-    },
-    {
-      "width": 210,
-      "height": 49,
-      "id": "UTW1pP59dUehuf0zeHXqL",
-      "type": "topic",
-      "position": {
-        "x": -199.68921216755552,
-        "y": 939.3734598570145
-      },
-      "selected": false,
-      "data": {
-        "label": "CSS Preprocessors",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "OtOD2ta89JI6LB-b5Rn41"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 210,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -199.68921216755552,
-        "y": 939.3734598570145
-      },
-      "focusable": true
-    },
-    {
-      "width": 138,
-      "height": 49,
-      "id": "dRDmS072xeNLX7p_X565w",
-      "type": "subtopic",
-      "position": {
-        "x": -644.6984751538557,
-        "y": 939.3734598570145
-      },
-      "selected": false,
-      "data": {
-        "label": "BEM",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "tFTf8ShyBFo8WqHmRKGf3"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -644.6984751538557,
-        "y": 939.3734598570145
-      },
-      "style": {
-        "width": 138,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "kukEE5rMSPa4NeNjx21kt",
-      "type": "subtopic",
-      "position": {
-        "x": -199.68921216755552,
-        "y": 1012.9484886477385
-      },
-      "selected": false,
-      "data": {
-        "label": "Sass",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "bzo4iJ2GaxRX1g7COIrsO"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -199.68921216755552,
-        "y": 1012.9484886477385
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "9WlPENh9g1xOv-zA64Tfg",
-      "type": "subtopic",
-      "position": {
-        "x": -89.68921216755552,
-        "y": 1012.9484886477385
-      },
-      "selected": false,
-      "data": {
-        "label": "PostCSS",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "FuupAErYJB5_9EYcs8Ltg"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -89.68921216755552,
-        "y": 1012.9484886477385
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 160,
-      "height": 49,
-      "id": "i9z0stM4uKu27Cz6NIgNX",
-      "type": "topic",
-      "position": {
-        "x": 241.39428364498542,
-        "y": 1238.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "Build Tools",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "UUDkLxmojRYcDTpuyVFDj"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 160,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 241.39428364498542,
-        "y": 1238.9097604780045
-      },
-      "focusable": true
-    },
-    {
-      "width": 225,
-      "height": 49,
-      "id": "9VcGfDBBD8YcKatj4VcH1",
-      "type": "topic",
-      "position": {
-        "x": -48.8854599140368,
-        "y": 1183.2047610770715
-      },
-      "selected": false,
-      "data": {
-        "label": "Linters and Formatters",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "f-3gf76yb-ihCOPTT30YX"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 225,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -48.8854599140368,
-        "y": 1183.2047610770715
-      },
-      "focusable": true
-    },
-    {
-      "width": 225,
-      "height": 49,
-      "id": "hkSc_1x09m7-7BO7WzlDT",
-      "type": "topic",
-      "position": {
-        "x": -48.8854599140368,
-        "y": 1238.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "Module Bundlers",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "aQtOJsbkiuRhDqxhVWNlQ"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 225,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -48.8854599140368,
-        "y": 1238.9097604780045
-      },
-      "focusable": true
-    },
-    {
-      "width": 211,
-      "height": 49,
-      "id": "NS-hwaWa5ebSmNNRoxFDp",
-      "type": "subtopic",
-      "position": {
-        "x": -360.13444253706336,
-        "y": 1346.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "Parcel",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Fd8mOgQYENGkAU8W0LSkw"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -360.13444253706336,
-        "y": 1346.9097604780045
-      },
-      "style": {
-        "width": 211,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 211,
-      "height": 49,
-      "id": "sCjErk7rfWAUvhl8Kfm3n",
-      "type": "subtopic",
-      "position": {
-        "x": -360.13444253706336,
-        "y": 1292.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "Rollup",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "gyF7FgAkwZ88w61m22Rjf"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -360.13444253706336,
-        "y": 1292.9097604780045
-      },
-      "style": {
-        "width": 211,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 211,
-      "height": 49,
-      "id": "twufEtHgxcRUWAUQ9bXus",
-      "type": "subtopic",
-      "position": {
-        "x": -360.13444253706336,
-        "y": 1238.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "Webpack",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "3xtpc7w31zyKpNs8LTr6F"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -360.13444253706336,
-        "y": 1238.9097604780045
-      },
-      "style": {
-        "width": 211,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 103,
-      "height": 49,
-      "id": "4W7UXfdKIUsm1bUrjdTVT",
-      "type": "subtopic",
-      "position": {
-        "x": -250.53087783577723,
-        "y": 1185.469247596049
-      },
-      "selected": false,
-      "data": {
-        "label": "esbuild",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "t_hNHvx8q5HdzSoWmAEGo"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -250.53087783577723,
-        "y": 1185.469247596049
-      },
-      "style": {
-        "width": 103,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 211,
-      "height": 49,
-      "id": "0Awx3zEI5_gYEIrD7IVX6",
-      "type": "subtopic",
-      "position": {
-        "x": -360.13444253706336,
-        "y": 1130.9097604780045
-      },
-      "selected": false,
-      "data": {
-        "label": "Vite",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "K4VjGtyD8zVFUMDMywTYM"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -360.13444253706336,
-        "y": 1130.9097604780045
-      },
-      "style": {
-        "width": 211,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 111,
-      "height": 49,
-      "id": "zbkpu_gvQ4mgCiZKzS1xv",
-      "type": "subtopic",
-      "position": {
-        "x": -48.8854599140368,
-        "y": 1097.007960598624
-      },
-      "selected": false,
-      "data": {
-        "label": "Prettier",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "_TRZgdEjj_B-DQe2Vxrrm"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -48.8854599140368,
-        "y": 1097.007960598624
-      },
-      "style": {
-        "width": 111,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 110,
-      "height": 49,
-      "id": "NFjsI712_qP0IOmjuqXar",
-      "type": "subtopic",
-      "position": {
-        "x": 67.34973095743374,
-        "y": 1097.007960598624
-      },
-      "selected": false,
-      "data": {
-        "label": "ESLint",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "8SvBv3DDaXg2G8m9Hf7-g"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 67.34973095743374,
-        "y": 1097.007960598624
-      },
-      "style": {
-        "width": 110,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 160,
-      "height": 51,
-      "id": "igg4_hb3XE3vuvY8ufV-4",
-      "type": "topic",
-      "position": {
-        "x": 241.39428364498542,
-        "y": 1415.707960645082
-      },
-      "selected": false,
-      "data": {
-        "label": "Testing",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "M-Oj3xklWJVhnuu_8M9LV"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 160,
-        "height": 51
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 241.39428364498542,
-        "y": 1415.707960645082
-      },
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "hVQ89f6G0LXEgHIOKHDYq",
-      "type": "subtopic",
-      "position": {
-        "x": -67.36820371502154,
-        "y": 1354.100267415748
-      },
-      "selected": false,
-      "data": {
-        "label": "Vitest",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "-mSYXMk_uhUAoQAwBhxgp"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -67.36820371502154,
-        "y": 1354.100267415748
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "g5itUjgRXd9vs9ujHezFl",
-      "type": "subtopic",
-      "position": {
-        "x": 37.63179628497846,
-        "y": 1354.100267415748
-      },
-      "selected": false,
-      "data": {
-        "label": "Jest",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "3JyKZE1jB43Hq3GlG1hvn"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 37.63179628497846,
-        "y": 1354.100267415748
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 160,
-      "height": 49,
-      "id": "jramLk8FGuaEH4YpHIyZT",
-      "type": "subtopic",
-      "position": {
-        "x": 241.39428364498542,
-        "y": 1514.2939858099264
-      },
-      "selected": false,
-      "data": {
-        "label": "Playwright",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "matNxmkGq8gg-UQ_cSNPd"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 241.39428364498542,
-        "y": 1514.2939858099264
-      },
-      "style": {
-        "width": 160,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 160,
-      "height": 49,
-      "id": "DaynCz5RR26gjT6N6gTDL",
-      "type": "subtopic",
-      "position": {
-        "x": 241.39428364498542,
-        "y": 1568.2939858099264
-      },
-      "selected": false,
-      "data": {
-        "label": "Cypress",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "2MeMVJVJchEHBt2R3lyzw"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 241.39428364498542,
-        "y": 1568.2939858099264
-      },
-      "style": {
-        "width": 160,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 330,
-      "height": 50,
-      "id": "U5mD5FmVx7VWeKxDpQxB5",
-      "type": "topic",
-      "position": {
-        "x": -267.4913561640819,
-        "y": 1483.7610367386817
-      },
-      "selected": false,
-      "data": {
-        "label": "Authentication Strategies",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "5W4R31waHlBLMPk8HEHjt"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 330,
-        "height": 50
-      },
-      "resizing": true,
-      "positionAbsolute": {
-        "x": -267.4913561640819,
-        "y": 1483.7610367386817
-      },
-      "focusable": true
-    },
-    {
-      "width": 222,
-      "height": 49,
-      "id": "RDWbG3Iui6IPgp0shvXtg",
-      "type": "topic",
-      "position": {
-        "x": -641.4418542150819,
-        "y": 1384.2280876674367
-      },
-      "selected": false,
-      "data": {
-        "label": "Web Security Basics",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "yGexInV1evZLDnA6E4-Ta"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 222,
-        "height": 49
-      },
-      "resizing": true,
-      "positionAbsolute": {
-        "x": -641.4418542150819,
-        "y": 1384.2280876674367
-      },
-      "focusable": true
-    },
-    {
-      "width": 109,
-      "height": 49,
-      "id": "AfH2zCbqzw0Nisg1yyISS",
-      "type": "subtopic",
-      "position": {
-        "x": -641.4418542150819,
-        "y": 1131.2732116944574
-      },
-      "selected": false,
-      "data": {
-        "label": "CORS",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "AiFQoD09X9K36nmgsH1Aj"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -641.4418542150819,
-        "y": 1131.2732116944574
-      },
-      "style": {
-        "width": 109,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 109,
-      "height": 49,
-      "id": "uum7vOhOUR38vLuGZy8Oa",
-      "type": "subtopic",
-      "position": {
-        "x": -526.4565506483883,
-        "y": 1131.2732116944574
-      },
-      "selected": false,
-      "data": {
-        "label": "HTTPS",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "smz9DaF6gwWdob_lyMYzt"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -526.4565506483883,
-        "y": 1131.2732116944574
-      },
-      "style": {
-        "width": 109,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 226,
-      "height": 49,
-      "id": "rmcm0CZbtNVC9LZ14-H6h",
-      "type": "subtopic",
-      "position": {
-        "x": -641.4418542150819,
-        "y": 1185.2732116944574
-      },
-      "selected": false,
-      "data": {
-        "label": "Content Security Policy",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "xAu1DT2aO5IzvaDrjYB0M"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -641.4418542150819,
-        "y": 1185.2732116944574
-      },
-      "style": {
-        "width": 226,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 225,
-      "height": 49,
-      "id": "JanR7I_lNnUCXhCMGLdn-",
-      "type": "subtopic",
-      "position": {
-        "x": -641.4418542150819,
-        "y": 1239.2732116944574
-      },
-      "selected": false,
-      "data": {
-        "label": "OWASP Security Risks",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "kUy5HzWZoQm4YEDM6SYnL"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -641.4418542150819,
-        "y": 1239.2732116944574
-      },
-      "style": {
-        "width": 225,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 226,
-      "height": 49,
-      "id": "ruoFa3M4bUE3Dg6GXSiUI",
-      "type": "topic",
-      "position": {
-        "x": -643.4418542150819,
-        "y": 1628.657291456067
-      },
-      "selected": false,
-      "data": {
-        "label": "Web Components",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "bxdQ2Kh_6OA6zABiQDMzW"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 226,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -643.4418542150819,
-        "y": 1628.657291456067
-      },
-      "focusable": true
-    },
-    {
-      "width": 168,
-      "height": 49,
-      "id": "hwPOGT0-duy3KfI8QaEwF",
-      "type": "topic",
-      "position": {
-        "x": -276.3110352511957,
-        "y": 1628.657291456067
-      },
-      "selected": false,
-      "data": {
-        "label": "Type Checkers",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "E15W2UbKUcQ2SIEOKjHnF"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 168,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -276.3110352511957,
-        "y": 1628.657291456067
-      },
-      "focusable": true
-    },
-    {
-      "width": 226,
-      "height": 49,
-      "id": "VxiQPgcYDFAT6WgSRWpIA",
-      "type": "subtopic",
-      "position": {
-        "x": -643.4418542150819,
-        "y": 1779.6524214737567
-      },
-      "selected": false,
-      "data": {
-        "label": "Custom Elements",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "9bxoRhitbZNn5b0IoJYBg"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -643.4418542150819,
-        "y": 1779.6524214737567
-      },
-      "style": {
-        "width": 226,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 226,
-      "height": 49,
-      "id": "Hk8AVonOd693_y1sykPqd",
-      "type": "subtopic",
-      "position": {
-        "x": -643.4418542150819,
-        "y": 1725.6524214737567
-      },
-      "selected": false,
-      "data": {
-        "label": "HTML Templates",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "fexS9SQR_oUMMyvCFfQHx"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -643.4418542150819,
-        "y": 1725.6524214737567
-      },
-      "style": {
-        "width": 226,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 226,
-      "height": 49,
-      "id": "-SpsNeOZBkQfDA-rwzgPg",
-      "type": "subtopic",
-      "position": {
-        "x": -643.4418542150819,
-        "y": 1833.6524214737567
-      },
-      "selected": false,
-      "data": {
-        "label": "Shadow DOM",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "9uwJS2bEPM1-b5w-clIgW"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -643.4418542150819,
-        "y": 1833.6524214737567
-      },
-      "style": {
-        "width": 226,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 168,
-      "height": 49,
-      "id": "0asdhvwBH3gn-ercktV7A",
-      "type": "subtopic",
-      "position": {
-        "x": -276.3110352511957,
-        "y": 1715.5579525586788
-      },
-      "selected": false,
-      "data": {
-        "label": "TypeScript",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "zNxwUyEsGPseh4i7l052C"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -276.3110352511957,
-        "y": 1715.5579525586788
-      },
-      "style": {
-        "width": 168,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 283,
-      "height": 49,
-      "id": "Cxspmb14_0i1tfw-ZLxEu",
-      "type": "topic",
-      "position": {
-        "x": 122.34973095743374,
-        "y": 1955.2381074587565
-      },
-      "selected": false,
-      "data": {
-        "label": "Server Side Rendering (SSR)",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "9xcixG6DhtFqzvrdVC-iR"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 283,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 122.34973095743374,
-        "y": 1955.2381074587565
-      },
-      "focusable": true
-    },
-    {
-      "width": 105,
-      "height": 49,
-      "id": "OL8I6nOZ8hGGWmtxg_Mv8",
-      "type": "subtopic",
-      "position": {
-        "x": 117.74458345301082,
-        "y": 1873.369602551074
-      },
-      "selected": false,
-      "data": {
-        "label": "Svelte",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "E2W0AJDq7IWWEyTJeixyG"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 117.74458345301082,
-        "y": 1873.369602551074
-      },
-      "style": {
-        "width": 105,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 105,
-      "height": 49,
-      "id": "3TE_iYvbklXK0be-5f2M7",
-      "type": "subtopic",
-      "position": {
-        "x": 117.74458345301082,
-        "y": 1819.369602551074
-      },
-      "selected": false,
-      "data": {
-        "label": "Vue.js",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "5iKf8ERxF8x8-DjoxqpLz"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 117.74458345301082,
-        "y": 1819.369602551074
-      },
-      "style": {
-        "width": 105,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 105,
-      "height": 49,
-      "id": "k6rp6Ua9qUEW_DA_fOg5u",
-      "type": "subtopic",
-      "position": {
-        "x": 117.74458345301082,
-        "y": 1765.369602551074
-      },
-      "selected": false,
-      "data": {
-        "label": "Angular",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "5EmJofW_K7cJuv71au2TV"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 117.74458345301082,
-        "y": 1765.369602551074
-      },
-      "style": {
-        "width": 105,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 105,
-      "height": 49,
-      "id": "SGDf_rbfmFSHlxI-Czzlz",
-      "type": "subtopic",
-      "position": {
-        "x": 115.8253071940922,
-        "y": 1711.369602551074
-      },
-      "selected": false,
-      "data": {
-        "label": "React",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "9GxkJoUjCQxG6gx8_3SGV"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 115.8253071940922,
-        "y": 1711.369602551074
-      },
-      "style": {
-        "width": 105,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 118,
-      "height": 49,
-      "id": "KJRkrFZIihCUBrOf579EU",
-      "type": "subtopic",
-      "position": {
-        "x": 286.122755911093,
-        "y": 1712.0301235678273
-      },
-      "selected": false,
-      "data": {
-        "label": "Remix",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Bd2XFblDYF5a58H8rT-xD"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 286.122755911093,
-        "y": 1712.0301235678273
-      },
-      "style": {
-        "width": 118,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 118,
-      "height": 49,
-      "id": "zNFYAJaSq0YZXL5Rpx1NX",
-      "type": "subtopic",
-      "position": {
-        "x": 286.122755911093,
-        "y": 1658.0301235678273
-      },
-      "selected": false,
-      "data": {
-        "label": "Next.js",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "XEBjJw31qtoP0giNeTIOb"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 286.122755911093,
-        "y": 1658.0301235678273
-      },
-      "style": {
-        "width": 118,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 118,
-      "height": 49,
-      "id": "-Nsq3Jg3gq02mKcm4u41_",
-      "type": "subtopic",
-      "position": {
-        "x": 286.122755911093,
-        "y": 1766.0301235678273
-      },
-      "selected": false,
-      "data": {
-        "label": "Universal",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "FWYq1kSAfiN6CjjICK3x5"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 286.122755911093,
-        "y": 1766.0301235678273
-      },
-      "style": {
-        "width": 118,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 118,
-      "height": 49,
-      "id": "BBsXxkbbEG-gnbM1xXKrj",
-      "type": "subtopic",
-      "position": {
-        "x": 286.122755911093,
-        "y": 1820.0301235678273
-      },
-      "selected": false,
-      "data": {
-        "label": "Nuxt.js",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "bzDexz0i_3O-0CZxeVz__"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 286.122755911093,
-        "y": 1820.0301235678273
-      },
-      "style": {
-        "width": 118,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 118,
-      "height": 49,
-      "id": "P4st_telfCwKLSAU2WsQP",
-      "type": "subtopic",
-      "position": {
-        "x": 286.122755911093,
-        "y": 1874.0301235678273
-      },
-      "selected": false,
-      "data": {
-        "label": "Svelte Kit",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "eLRQ4TTquWmk5ElFO8bUs"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 286.122755911093,
-        "y": 1874.0301235678273
-      },
-      "style": {
-        "width": 118,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 158,
-      "height": 49,
-      "id": "L7AllJfKvClaam3y-u6DP",
-      "type": "topic",
-      "position": {
-        "x": -268.25762800793046,
-        "y": 1955.2381074587565
-      },
-      "selected": false,
-      "data": {
-        "label": "GraphQL",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "pbcrQq92xWLdgHQjcv1B-"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 158,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -268.25762800793046,
-        "y": 1955.2381074587565
-      },
-      "focusable": true
-    },
-    {
-      "width": 158,
-      "height": 49,
-      "id": "5eUbDdOTOfaOhUlZAmmXW",
-      "type": "subtopic",
-      "position": {
-        "x": -268.25762800793046,
-        "y": 1810.3739101553622
-      },
-      "selected": false,
-      "data": {
-        "label": "Apollo",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "T8XBkJc3CQ0OeNbir3aIB"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -268.25762800793046,
-        "y": 1810.3739101553622
-      },
-      "style": {
-        "width": 158,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 158,
-      "height": 49,
-      "id": "0moPO23ol33WsjVXSpTGf",
-      "type": "subtopic",
-      "position": {
-        "x": -268.25762800793046,
-        "y": 1864.3739101553622
-      },
-      "selected": false,
-      "data": {
-        "label": "Relay Modern",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "ao2xbMKjWdjJuYzmxWewu"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -268.25762800793046,
-        "y": 1864.3739101553622
-      },
-      "style": {
-        "width": 158,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 232,
-      "height": 49,
-      "id": "n0q32YhWEIAUwbGXexoqV",
-      "type": "topic",
-      "position": {
-        "x": -29.8255385145157,
-        "y": 2301.833490040384
-      },
-      "selected": false,
-      "data": {
-        "label": "Static Site Generators",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Byp3BhV5zTeER5tUPogqW"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 232,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -29.8255385145157,
-        "y": 2301.833490040384
-      },
-      "focusable": true
-    },
-    {
-      "width": 114,
-      "height": 49,
-      "id": "CMrss8E2W0eA6DVEqtPjT",
-      "type": "subtopic",
-      "position": {
-        "x": -29.34942862879211,
-        "y": 2415.6987607173705
-      },
-      "selected": false,
-      "data": {
-        "label": "Vuepress",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "SUBnFEyi6Us6fXRh6D6TE"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -29.34942862879211,
-        "y": 2415.6987607173705
-      },
-      "style": {
-        "width": 114,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 114,
-      "height": 49,
-      "id": "kFQazhINkkiuGEAbHv1nE",
-      "type": "subtopic",
-      "position": {
-        "x": -29.34942862879211,
-        "y": 2469.6987607173705
-      },
-      "selected": false,
-      "data": {
-        "label": "Jekyll",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "hAYlDH7-mqnY_b5ksFYqU"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -29.34942862879211,
-        "y": 2469.6987607173705
-      },
-      "style": {
-        "width": 114,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 114,
-      "height": 49,
-      "id": "sb63ENIkvQnC1cPYnI1ll",
-      "type": "subtopic",
-      "position": {
-        "x": -29.34942862879211,
-        "y": 2523.6987607173705
-      },
-      "selected": false,
-      "data": {
-        "label": "Hugo",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "gLp2xXRfGGnKNRws4_cQ4"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -29.34942862879211,
-        "y": 2523.6987607173705
-      },
-      "style": {
-        "width": 114,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 114,
-      "height": 49,
-      "id": "XWJxV42Dpu2D3xDK10Pn3",
-      "type": "subtopic",
-      "position": {
-        "x": -29.34942862879211,
-        "y": 2577.6987607173705
-      },
-      "selected": false,
-      "data": {
-        "label": "Nuxt.js",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "vKK8jvUcXrJF_VNJtrZ9F"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -29.34942862879211,
-        "y": 2577.6987607173705
-      },
-      "style": {
-        "width": 114,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 109,
-      "height": 49,
-      "id": "iUxXq7beg55y76dkwhM13",
-      "type": "subtopic",
-      "position": {
-        "x": 95.2199168463942,
-        "y": 2415.822111508183
-      },
-      "selected": false,
-      "data": {
-        "label": "Astro",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "rRf68iRg_Jtn_jGBayLxQ"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 95.2199168463942,
-        "y": 2415.822111508183
-      },
-      "style": {
-        "width": 109,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 109,
-      "height": 49,
-      "id": "io0RHJWIcVxDhcYkV9d38",
-      "type": "subtopic",
-      "position": {
-        "x": 95.2199168463942,
-        "y": 2469.822111508183
-      },
-      "selected": false,
-      "data": {
-        "label": "Eleventy",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "hWWOyclt4hWJmbMvPBt5i"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 95.2199168463942,
-        "y": 2469.822111508183
-      },
-      "style": {
-        "width": 109,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 109,
-      "height": 49,
-      "id": "V70884VcuXkfrfHyLGtUg",
-      "type": "subtopic",
-      "position": {
-        "x": 95.2199168463942,
-        "y": 2523.822111508183
-      },
-      "selected": false,
-      "data": {
-        "label": "Next.js",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "2d9PRh48NLgCKvMRUP9Mp"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 95.2199168463942,
-        "y": 2523.822111508183
-      },
-      "style": {
-        "width": 109,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 109,
-      "height": 49,
-      "id": "yj-LnWb41Q7TX6WRB-ge2",
-      "type": "subtopic",
-      "position": {
-        "x": 94.65057137120789,
-        "y": 2577.6987607173705
-      },
-      "selected": false,
-      "data": {
-        "label": "Remix",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "9-OdMPLFSzXyxp1oOe1cl"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 94.65057137120789,
-        "y": 2577.6987607173705
-      },
-      "style": {
-        "width": 109,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 262,
-      "height": 50,
-      "id": "PoM77O2OtxPELxfrW1wtl",
-      "type": "topic",
-      "position": {
-        "x": -491.5,
-        "y": 2048.5874140279066
-      },
-      "selected": false,
-      "data": {
-        "label": "Progressive Web Apps",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "z2-TJ71VFM7LKPXaCKe2T"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 262,
-        "height": 50
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": -491.5,
-        "y": 2048.5874140279066
-      },
-      "focusable": true
-    },
-    {
-      "width": 144,
-      "height": 49,
-      "id": "VOGKiG2EZVfCBAaa7Df0W",
-      "type": "topic",
-      "position": {
-        "x": 256.92382104841215,
-        "y": 2301.833490040384
-      },
-      "selected": false,
-      "data": {
-        "label": "Mobile Apps",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "1Cr9EEM5MLBlE8pquMlbZ"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 144,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 256.92382104841215,
-        "y": 2301.833490040384
-      },
-      "focusable": true
-    },
-    {
-      "width": 150,
-      "height": 49,
-      "id": "dsTegXTyupjS8iU6I7Xiv",
-      "type": "subtopic",
-      "position": {
-        "x": 253.92382104841215,
-        "y": 2045.3894186454863
-      },
-      "selected": false,
-      "data": {
-        "label": "React Native",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "kkmRxX5txOVNalze5qbFt"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 253.92382104841215,
-        "y": 2045.3894186454863
-      },
-      "style": {
-        "width": 150,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 150,
-      "height": 49,
-      "id": "dIQXjFEUAJAGxxfAYceHU",
-      "type": "subtopic",
-      "position": {
-        "x": 253.92382104841215,
-        "y": 2099.3894186454863
-      },
-      "selected": false,
-      "data": {
-        "label": "Flutter",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "E6CO-PPeanNHM3VmHlOj_"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 253.92382104841215,
-        "y": 2099.3894186454863
-      },
-      "style": {
-        "width": 150,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 150,
-      "height": 49,
-      "id": "xmRv6-L45m5MDpHmdHFCL",
-      "type": "subtopic",
-      "position": {
-        "x": 253.92382104841215,
-        "y": 2153.3894186454863
-      },
-      "selected": false,
-      "data": {
-        "label": "Ionic",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Lwn9ABE_c54DSVxC_Xqqd"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 253.92382104841215,
-        "y": 2153.3894186454863
-      },
-      "style": {
-        "width": 150,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 150,
-      "height": 49,
-      "id": "2wLKhD8OhVsTR-Q7WPwbj",
-      "type": "subtopic",
-      "position": {
-        "x": 253.92382104841215,
-        "y": 2207.266067854674
-      },
-      "selected": false,
-      "data": {
-        "label": "NativeScript",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "A7OE8aij_Nw4pe1ujRfni"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 253.92382104841215,
-        "y": 2207.266067854674
-      },
-      "style": {
-        "width": 150,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 154,
-      "height": 49,
-      "id": "KMA7NkxFbPoUDtFnGBFnj",
-      "type": "topic",
-      "position": {
-        "x": 251.34973095743374,
-        "y": 2715.755580716903
-      },
-      "selected": false,
-      "data": {
-        "label": "Desktop Apps",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "0shXGvdS3IlJgBvHoQuDm"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "style": {
-        "width": 154,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 251.34973095743374,
-        "y": 2715.755580716903
-      },
-      "focusable": true
-    },
-    {
-      "width": 213,
-      "height": 49,
-      "id": "OIcmPSbdsuWapb6HZ4BEi",
-      "type": "button",
-      "position": {
-        "x": -335.3450414085644,
-        "y": 3032.3089001088356
-      },
-      "selected": false,
-      "data": {
-        "label": "TypeScript Roamdap",
-        "href": "",
-        "color": "#000000",
-        "backgroundColor": "#ffe59a",
-        "style": {
-          "fontSize": 17
-        },
-        "borderColor": "#000000",
-        "oldId": "cmSSwPPiiHwYh9ct14N6A"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -335.3450414085644,
-        "y": 3032.3089001088356
-      },
-      "style": {
-        "width": 213,
-        "height": 49
-      },
-      "focusable": true,
-      "resizing": false
-    },
-    {
-      "width": 213,
-      "height": 49,
-      "id": "qXKNK_IsGS8-JgLK-Q9oU",
-      "type": "button",
-      "position": {
-        "x": -113.79082616152044,
-        "y": 3032.3089001088356
-      },
-      "selected": false,
-      "data": {
-        "label": "Nodejs Roamdap",
-        "href": "",
-        "color": "#000000",
-        "backgroundColor": "#ffe59a",
-        "style": {
-          "fontSize": 17
-        },
-        "borderColor": "#000000",
-        "oldId": "U309TNZ3yUYyAmP33dOt1"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -113.79082616152044,
-        "y": 3032.3089001088356
-      },
-      "style": {
-        "width": 213,
-        "height": 49
-      },
-      "focusable": true
-    },
-    {
-      "width": 20,
-      "height": 85,
-      "id": "RLtk1C3gofHnLJ17x3o5b",
-      "type": "vertical",
-      "position": {
-        "x": -124.75829520557221,
-        "y": 3101.163242675726
-      },
-      "selected": false,
-      "data": {
-        "label": "vertical node",
-        "style": {
-          "strokeDasharray": "0.8 8",
-          "strokeLinecap": "round",
-          "strokeWidth": 3.5,
-          "stroke": "#2B78E4"
-        },
-        "oldId": "ExXFPDHXtcOMcvZttzxvD"
-      },
-      "zIndex": 999,
-      "positionAbsolute": {
-        "x": -124.75829520557221,
-        "y": 3101.163242675726
-      },
-      "dragging": false,
-      "focusable": true,
-      "style": {
-        "width": 20,
-        "height": 85
-      },
-      "resizing": false
-    },
-    {
-      "width": 102,
-      "height": 49,
-      "id": "mQHpSyMR4Rra4mqAslgiS",
-      "type": "subtopic",
-      "position": {
-        "x": 69.46343000583516,
-        "y": 2659.529159876233
-      },
-      "selected": false,
-      "data": {
-        "label": "Electron",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "oT8ChWye8YxdMuD0Ju9cb"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 69.46343000583516,
-        "y": 2659.529159876233
-      },
-      "style": {
-        "width": 102,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "GJctl0tVXe4B70s35RkLT",
-      "type": "subtopic",
-      "position": {
-        "x": 70.46343000583516,
-        "y": 2713.529159876233
-      },
-      "selected": false,
-      "data": {
-        "label": "Tauri",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "Wkhxb3Ax0Qlt61QpuwVXH"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 70.46343000583516,
-        "y": 2713.529159876233
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 100,
-      "height": 49,
-      "id": "2MRvAK9G9RGM_auWytcKh",
-      "type": "subtopic",
-      "position": {
-        "x": 70.46343000583516,
-        "y": 2767.529159876233
-      },
-      "selected": false,
-      "data": {
-        "label": "Flutter",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "vicOyCmPv4Nj_QQnP6_Y4"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": 70.46343000583516,
-        "y": 2767.529159876233
-      },
-      "style": {
-        "width": 100,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "-DsETM9xLgHyGZthptj1Y",
-      "type": "topic",
-      "position": {
-        "x": -324.7582952055722,
-        "y": 2209.106258964535
-      },
-      "selected": false,
-      "data": {
-        "label": "PRPL Pattern",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "xD5WfEP7Ez0oi3890UgmH"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -324.7582952055722,
-        "y": 2209.106258964535
-      },
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "xD5WfEP7Ez0oi3890UgmH",
-      "type": "topic",
-      "position": {
-        "x": -324.7582952055722,
-        "y": 2253.106258964535
-      },
-      "selected": false,
-      "data": {
-        "label": "RAIL Model",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        }
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -324.7582952055722,
-        "y": 2253.106258964535
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "X0Y3-IpPiFUCsNDK4RFxw",
-      "type": "topic",
-      "position": {
-        "x": -324.7582952055722,
-        "y": 2297.106258964535
-      },
-      "selected": false,
-      "data": {
-        "label": "Performance Metrics",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "3_sJHKTogkDoCjR518-OL"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -324.7582952055722,
-        "y": 2297.106258964535
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "RIhHMHLsLLPhNl05Q9aBf",
-      "type": "topic",
-      "position": {
-        "x": -324.7582952055722,
-        "y": 2341.106258964535
-      },
-      "selected": false,
-      "data": {
-        "label": "Using Lighthouse",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "3_sJHKTogkDoCjR518-OL"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -324.7582952055722,
-        "y": 2341.106258964535
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "3_sJHKTogkDoCjR518-OL",
-      "type": "topic",
-      "position": {
-        "x": -324.7582952055722,
-        "y": 2385.106258964535
-      },
-      "selected": false,
-      "data": {
-        "label": "Using DevTools",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "xD5WfEP7Ez0oi3890UgmH"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -324.7582952055722,
-        "y": 2385.106258964535
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 263,
-      "height": 49,
-      "id": "mB3hZvAfRr6kCEbF6t-yz",
-      "type": "button",
-      "position": {
-        "x": -347.71877670581523,
-        "y": 2519.382968916314
-      },
-      "selected": false,
-      "data": {
-        "label": "Performance Best Practices",
-        "href": "https://roadmap.sh/best-practices/frontend-performance",
-        "color": "#ffffff",
-        "backgroundColor": "#4136d6",
-        "style": {
-          "fontSize": 17
-        }
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -347.71877670581523,
-        "y": 2519.382968916314
-      },
-      "style": {
-        "width": 263,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "width": 260,
-      "height": 505,
-      "id": "0-AijuwIdYdGuiNnne4Yg",
-      "type": "paragraph",
-      "position": {
-        "x": -628.2291608378234,
-        "y": 2187.78288629059
-      },
-      "selected": false,
-      "data": {
-        "label": "Calculating Measuring and improving performance",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-end",
-          "textAlign": "center",
-          "borderColor": "#000000",
-          "backgroundColor": "WHITe"
-        },
-        "oldId": "Tqv7Lj8TklDTrZH5_fmUf"
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 260,
-        "height": 505
-      },
-      "resizing": false,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -628.2291608378234,
-        "y": 2187.78288629059
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "raoa-75p_DyBAycvy3yVv",
-      "type": "topic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2209.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Storage",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "-DsETM9xLgHyGZthptj1Y"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2209.5061763388107
-      },
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "NDJR8UCoa31v45TBFP7we",
-      "type": "topic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2253.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Web Sockets",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "xD5WfEP7Ez0oi3890UgmH"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2253.5061763388107
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "doPe92aUpo-8KWhi45lWK",
-      "type": "topic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2297.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Server Sent Events",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "X0Y3-IpPiFUCsNDK4RFxw"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2297.5061763388107
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "TldWoXiqKxM4X3JONKAR7",
-      "type": "topic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2341.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Service Workers",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "RIhHMHLsLLPhNl05Q9aBf"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2341.5061763388107
-      },
-      "resizing": false,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "YbGGYoKJEx29PlvopUBiM",
-      "type": "subtopic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2385.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Location",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        }
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "dragging": false,
-      "focusable": true,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2385.5061763388107
-      }
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "6AlcArOiJMhHXguAosDzn",
-      "type": "subtopic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2429.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Notifications",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "opu2bAsmdWHqWqtsCscLC"
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2429.5061763388107
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "Fd0hQh1DleM0gMzCpGou4",
-      "type": "subtopic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2473.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Device Orientation",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "opu2bAsmdWHqWqtsCscLC"
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2473.5061763388107
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "MAM1nuVk-h4AvTUk4nvmj",
-      "type": "subtopic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2517.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Payments",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "opu2bAsmdWHqWqtsCscLC"
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2517.5061763388107
-      },
-      "focusable": true
-    },
-    {
-      "width": 220,
-      "height": 40,
-      "id": "opu2bAsmdWHqWqtsCscLC",
-      "type": "subtopic",
-      "position": {
-        "x": -608.2686793375804,
-        "y": 2561.5061763388107
-      },
-      "selected": false,
-      "data": {
-        "label": "Credentials",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "YbGGYoKJEx29PlvopUBiM"
-      },
-      "zIndex": 999,
-      "style": {
-        "width": 220,
-        "height": 40
-      },
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -608.2686793375804,
-        "y": 2561.5061763388107
-      },
-      "focusable": true
-    },
-    {
-      "id": "y8mpS-q8TCwp3k23enpf7",
-      "type": "paragraph",
-      "position": {
-        "x": -645.5168967945566,
-        "y": 602.7221445947545
-      },
-      "selected": false,
-      "data": {
-        "label": "We’ve trimmed down the CSS part for the sake of brevity. You should read about CSS-in-JS, CSS Modules and Styled Components. Also worth looking at are Panda CSS, Shadcn UI, Mantine and more.",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "left",
-          "borderColor": "TRANSPARENt",
-          "backgroundColor": "#ebebeb"
-        }
-      },
-      "zIndex": 999,
-      "width": 365,
-      "height": 165,
-      "positionAbsolute": {
-        "x": -645.5168967945566,
-        "y": 602.7221445947545
-      },
-      "dragging": false,
-      "resizing": false,
-      "style": {
-        "width": 365,
-        "height": 165
-      },
-      "focusable": true
-    },
-    {
-      "width": 104,
-      "height": 49,
-      "id": "h26uS3muFCabe6ekElZcI",
-      "type": "subtopic",
-      "position": {
-        "x": -360.13444253706336,
-        "y": 1185.469247596049
-      },
-      "selected": false,
-      "data": {
-        "label": "SWC",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "center"
-        },
-        "oldId": "4W7UXfdKIUsm1bUrjdTVT"
-      },
-      "zIndex": 999,
-      "dragging": false,
-      "positionAbsolute": {
-        "x": -360.13444253706336,
-        "y": 1185.469247596049
-      },
-      "style": {
-        "width": 104,
-        "height": 49
-      },
-      "resizing": false,
-      "focusable": true
-    },
-    {
-      "id": "dnVfC9N76qvTGKO9B-AW7",
-      "type": "label",
-      "position": {
-        "x": -271.4913561640819,
-        "y": 1542.0166772420591
-      },
-      "selected": false,
-      "data": {
-        "label": "JWT, OAuth, SSO, Basic Auth, Session Auth",
-        "href": "",
-        "color": "#000000",
-        "style": {
-          "fontSize": 17
-        }
-      },
-      "zIndex": 999,
-      "width": 340,
-      "height": 36,
-      "positionAbsolute": {
-        "x": -271.4913561640819,
-        "y": 1542.0166772420591
-      },
-      "dragging": false,
-      "focusable": true
-    },
-    {
-      "id": "qN-6iiXWgn5qSzK3o0Tjo",
-      "type": "legend",
-      "position": {
-        "x": -654.8814218617622,
-        "y": -292.09541222709834
-      },
-      "selected": false,
-      "data": {
-        "label": "",
-        "legends": [
-          {
-            "id": "NJhQIvMyMD1Cu-JA1UCmJ",
-            "color": "#2b78e4",
-            "label": "Personal Recommendation / Opinion"
-          },
-          {
-            "id": "DMx7rAjVBWMbzjSde-tvp",
-            "label": "Alternative Option / Pick this or purple",
-            "color": "#4f7a28"
-          },
-          {
-            "id": "R9WLhURhPdVNXP7AUTDvR",
-            "label": "Order not strict / Learn anytime",
-            "color": "#929292"
-          }
-        ]
-      },
-      "zIndex": 999,
-      "width": 353,
-      "height": 124,
-      "positionAbsolute": {
-        "x": -654.8814218617622,
-        "y": -292.09541222709834
-      },
-      "dragging": false,
-      "focusable": true
-    },
-    {
-      "id": "yHmHXymPNWwu8p1vvqD3o",
-      "type": "paragraph",
-      "position": {
-        "x": 45.49718479195076,
-        "y": -288.15106699547107
-      },
-      "selected": false,
-      "data": {
-        "label": "Find the detailed version of this roadmap along with other similar roadmaps",
-        "style": {
-          "fontSize": 17,
-          "justifyContent": "flex-start",
-          "textAlign": "left",
-          "borderColor": "#000000",
-          "backgroundColor": "#FFFFFf"
-        }
-      },
-      "zIndex": 999,
-      "width": 354,
-      "height": 143,
-      "positionAbsolute": {
-        "x": 45.49718479195076,
-        "y": -288.15106699547107
-      },
-      "dragging": false,
-      "selectable": true,
-      "focusable": true,
-      "style": {
-        "width": 354,
-        "height": 143
-      },
-      "resizing": false
-    },
-    {
-      "id": "2zqZkyVgigifcRS1H7F_b",
-      "type": "button",
-      "position": {
-        "x": 58.7005592047509,
-        "y": -206.1655035777258
-      },
-      "selected": false,
-      "data": {
-        "label": "roadmap.sh",
-        "href": "https://roadmap.sh",
-        "color": "#ffffff",
-        "backgroundColor": "#2a79e4",
-        "style": {
-          "fontSize": 17
-        }
-      },
-      "zIndex": 999,
-      "width": 329,
-      "height": 49,
-      "dragging": false,
-      "style": {
-        "width": 329,
-        "height": 49
-      },
-      "resizing": false,
-      "positionAbsolute": {
-        "x": 58.7005592047509,
-        "y": -206.1655035777258
-      },
-      "selectable": true,
-      "focusable": true
-    }
-  ],
-  "edges": [
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "jJebnKe4JftMXZ1lCsipq",
-      "sourceHandle": "x2",
-      "target": "VlNNwIEDWqQXtqkHWJYzC",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "tNkdpQjYu72eFK9f_W0RO",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "z2",
-      "target": "yCnn-NfSxIybUQ2iTuUGq",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "ronTDxAvatzbk4n5a-McM",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "z2",
-      "target": "R12sArWVpbIs_PHxBqVaR",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "gaNQ1Peug0eiN0Bfxhtgw",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "z2",
-      "target": "ZhSuu2VArnzPDp6dPQQSC",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "351utcB2QNjRmDe5bmcD1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "z2",
-      "target": "aqMaEY8gkKMikiqleV5EP",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "lupNr9zUQ0sXyzPBxcglQ",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "z2",
-      "target": "hkxw9jPGYphmjhTjw8766",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "2IVWwbU20VSU47qjiVU-f",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "z2",
-      "target": "P82WFaTPgQEPNp5IIuZ1Y",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "9MbeqIRipRgbe34jwalxo",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "sourceHandle": "x2",
-      "target": "eghnfG4p7i-EDWfp3CQXC",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "8cshqMXb08BgNWbrVWNgN",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "sourceHandle": "z2",
-      "target": "hVQ89f6G0LXEgHIOKHDYq",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "Qstlhy-gNuV1VlBRCpt-K",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "n0q32YhWEIAUwbGXexoqV",
-      "sourceHandle": "x2",
-      "target": "CMrss8E2W0eA6DVEqtPjT",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "rsHJP6q6Jk9PyUqUb-eZ8",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "n0q32YhWEIAUwbGXexoqV",
-      "sourceHandle": "x2",
-      "target": "iUxXq7beg55y76dkwhM13",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "2oeH1EkVVnO2c_4uwk8No",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "sourceHandle": "x2",
-      "target": "dsTegXTyupjS8iU6I7Xiv",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "ozlBen25ObLyQg-WHLdvh",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "sourceHandle": "x2",
-      "target": "mQHpSyMR4Rra4mqAslgiS",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "BY88vn8qizAFo0cUhDok2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "sourceHandle": "x2",
-      "target": "mQHpSyMR4Rra4mqAslgiS",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "hJleHhdVrlYr3XH62NbiP",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "sourceHandle": "y2",
-      "target": "0-AijuwIdYdGuiNnne4Yg",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "eFYSD5KybBoY_PcuN6Ol2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VlNNwIEDWqQXtqkHWJYzC",
-      "sourceHandle": "y2",
-      "target": "yWG2VUkaF5IJVVut6AiSy",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "type": "simplebezier",
-      "focusable": true,
-      "id": "reactflow__edge-VlNNwIEDWqQXtqkHWJYzCy2-yWG2VUkaF5IJVVut6AiSyz1"
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "yWG2VUkaF5IJVVut6AiSy",
-      "sourceHandle": "w2",
-      "target": "mH_qff8R7R6eLQ1tPHLgG",
-      "targetHandle": "x1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-yWG2VUkaF5IJVVut6AiSyw2-mH_qff8R7R6eLQ1tPHLgGx1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ZhJhf1M2OphYbEmduFq-9",
-      "sourceHandle": "z2",
-      "target": "YFjzPKWDwzrgk2HUX952L",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-YFjzPKWDwzrgk2HUX952Ly1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ZhJhf1M2OphYbEmduFq-9",
-      "sourceHandle": "z2",
-      "target": "dXeYVMXv-3MRQ1ovOUuJW",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-dXeYVMXv-3MRQ1ovOUuJWy2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ZhJhf1M2OphYbEmduFq-9",
-      "sourceHandle": "z2",
-      "target": "TKtWmArHn7elXRJdG6lDQ",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-TKtWmArHn7elXRJdG6lDQy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ZhJhf1M2OphYbEmduFq-9",
-      "sourceHandle": "y2",
-      "target": "yWG2VUkaF5IJVVut6AiSy",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "focusable": true,
-      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9y2-yWG2VUkaF5IJVVut6AiSyz1"
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ODcfFEorkfJNupoQygM53",
-      "sourceHandle": "w2",
-      "target": "ZhJhf1M2OphYbEmduFq-9",
-      "targetHandle": "x1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53w2-ZhJhf1M2OphYbEmduFq-9x1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ODcfFEorkfJNupoQygM53",
-      "sourceHandle": "y2",
-      "target": "wQSjQqwKHfn5RGPk34BWI",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-wQSjQqwKHfn5RGPk34BWIz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ODcfFEorkfJNupoQygM53",
-      "sourceHandle": "y2",
-      "target": "0MAogsAID9R04R5TTO2Qa",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-0MAogsAID9R04R5TTO2Qaz2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ODcfFEorkfJNupoQygM53",
-      "sourceHandle": "y2",
-      "target": "A4brX0efjZ0FFPTB4r6U0",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-A4brX0efjZ0FFPTB4r6U0z1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ODcfFEorkfJNupoQygM53",
-      "sourceHandle": "z2",
-      "target": "NIY7c4TQEEHx0hATu-k5C",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53z2-NIY7c4TQEEHx0hATu-k5Cy2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "NIY7c4TQEEHx0hATu-k5C",
-      "sourceHandle": "z2",
-      "target": "MXnFhZlNB1zTsBFDyni9H",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cz2-MXnFhZlNB1zTsBFDyni9Hy1",
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "NIY7c4TQEEHx0hATu-k5C",
-      "sourceHandle": "x2",
-      "target": "R_I4SGYqLk5zze5I1zS_E",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cx2-R_I4SGYqLk5zze5I1zS_Ew1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "MXnFhZlNB1zTsBFDyni9H",
-      "sourceHandle": "w2",
-      "target": "DILBiQp7WWgSZ5hhtDW6A",
-      "targetHandle": "x2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hw2-DILBiQp7WWgSZ5hhtDW6Ax2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "MXnFhZlNB1zTsBFDyni9H",
-      "sourceHandle": "x2",
-      "target": "IqvS1V-98cxko3e9sBQgP",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hx2-IqvS1V-98cxko3e9sBQgPz1",
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "IqvS1V-98cxko3e9sBQgP",
-      "sourceHandle": "y2",
-      "target": "SLxA5qJFp_28TRzr1BjxZ",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-SLxA5qJFp_28TRzr1BjxZz2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "IqvS1V-98cxko3e9sBQgP",
-      "sourceHandle": "y2",
-      "target": "ib_FHinhrw8VuSet-xMF7",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-ib_FHinhrw8VuSet-xMF7z2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "IqvS1V-98cxko3e9sBQgP",
-      "sourceHandle": "y2",
-      "target": "yrq3nOwFREzl-9EKnpU-e",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-yrq3nOwFREzl-9EKnpU-ez1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "IqvS1V-98cxko3e9sBQgP",
-      "sourceHandle": "x2",
-      "target": "eXezX7CVNyC1RuyU_I4yP",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPx2-eXezX7CVNyC1RuyU_I4yPw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "z2",
-      "target": "-bHFIiXnoUQSov64WI9yo",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2--bHFIiXnoUQSov64WI9yoy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "z2",
-      "target": "tG5v3O4lNIFc2uCnacPak",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-tG5v3O4lNIFc2uCnacPaky2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "z2",
-      "target": "ERAdwL1G9M1bnx-fOm5ZA",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ERAdwL1G9M1bnx-fOm5ZAy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "z2",
-      "target": "ZR-qZ2Lcbu3FtqaMd3wM4",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ZR-qZ2Lcbu3FtqaMd3wM4y1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "z2",
-      "target": "DxOSKnqAjZOPP-dq_U7oP",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-DxOSKnqAjZOPP-dq_U7oPy2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "z2",
-      "target": "N5DCb6bDfgUnSdHPLYY4g",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-N5DCb6bDfgUnSdHPLYY4gy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "eXezX7CVNyC1RuyU_I4yP",
-      "sourceHandle": "y2",
-      "target": "XDTD8el6OwuQ55wC-X4iV",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPy2-XDTD8el6OwuQ55wC-X4iVz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "XDTD8el6OwuQ55wC-X4iV",
-      "sourceHandle": "y2",
-      "target": "eghnfG4p7i-EDWfp3CQXC",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVy2-eghnfG4p7i-EDWfp3CQXCz2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "XDTD8el6OwuQ55wC-X4iV",
-      "sourceHandle": "x2",
-      "target": "nPg_YWpMJtlhU2t2UD_6B",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVx2-nPg_YWpMJtlhU2t2UD_6Bw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "dRDmS072xeNLX7p_X565w",
-      "sourceHandle": "z2",
-      "target": "nPg_YWpMJtlhU2t2UD_6B",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-dRDmS072xeNLX7p_X565wz2-nPg_YWpMJtlhU2t2UD_6By1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "nPg_YWpMJtlhU2t2UD_6B",
-      "sourceHandle": "z2",
-      "target": "UTW1pP59dUehuf0zeHXqL",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-nPg_YWpMJtlhU2t2UD_6Bz2-UTW1pP59dUehuf0zeHXqLy2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "i9z0stM4uKu27Cz6NIgNX",
-      "sourceHandle": "y2",
-      "target": "hkSc_1x09m7-7BO7WzlDT",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-hkSc_1x09m7-7BO7WzlDTz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "i9z0stM4uKu27Cz6NIgNX",
-      "sourceHandle": "y2",
-      "target": "9VcGfDBBD8YcKatj4VcH1",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-9VcGfDBBD8YcKatj4VcH1z2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hkSc_1x09m7-7BO7WzlDT",
-      "sourceHandle": "y2",
-      "target": "0Awx3zEI5_gYEIrD7IVX6",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-0Awx3zEI5_gYEIrD7IVX6z2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hkSc_1x09m7-7BO7WzlDT",
-      "sourceHandle": "y2",
-      "target": "4W7UXfdKIUsm1bUrjdTVT",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-4W7UXfdKIUsm1bUrjdTVTz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hkSc_1x09m7-7BO7WzlDT",
-      "sourceHandle": "y2",
-      "target": "twufEtHgxcRUWAUQ9bXus",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-twufEtHgxcRUWAUQ9bXusz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hkSc_1x09m7-7BO7WzlDT",
-      "sourceHandle": "y2",
-      "target": "sCjErk7rfWAUvhl8Kfm3n",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-sCjErk7rfWAUvhl8Kfm3nz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hkSc_1x09m7-7BO7WzlDT",
-      "sourceHandle": "y2",
-      "target": "NS-hwaWa5ebSmNNRoxFDp",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-NS-hwaWa5ebSmNNRoxFDpz2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "UTW1pP59dUehuf0zeHXqL",
-      "sourceHandle": "z2",
-      "target": "i9z0stM4uKu27Cz6NIgNX",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-UTW1pP59dUehuf0zeHXqLz2-i9z0stM4uKu27Cz6NIgNXw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "i9z0stM4uKu27Cz6NIgNX",
-      "sourceHandle": "x2",
-      "target": "igg4_hb3XE3vuvY8ufV-4",
-      "targetHandle": "w2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXx2-igg4_hb3XE3vuvY8ufV-4w2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "igg4_hb3XE3vuvY8ufV-4",
-      "sourceHandle": "x2",
-      "target": "jramLk8FGuaEH4YpHIyZT",
-      "targetHandle": "w2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4x2-jramLk8FGuaEH4YpHIyZTw2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "igg4_hb3XE3vuvY8ufV-4",
-      "sourceHandle": "y2",
-      "target": "g5itUjgRXd9vs9ujHezFl",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-g5itUjgRXd9vs9ujHezFlz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "igg4_hb3XE3vuvY8ufV-4",
-      "sourceHandle": "y2",
-      "target": "U5mD5FmVx7VWeKxDpQxB5",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-U5mD5FmVx7VWeKxDpQxB5z1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "RDWbG3Iui6IPgp0shvXtg",
-      "sourceHandle": "w2",
-      "target": "JanR7I_lNnUCXhCMGLdn-",
-      "targetHandle": "x2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgw2-JanR7I_lNnUCXhCMGLdn-x2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "U5mD5FmVx7VWeKxDpQxB5",
-      "sourceHandle": "y2",
-      "target": "RDWbG3Iui6IPgp0shvXtg",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-U5mD5FmVx7VWeKxDpQxB5y2-RDWbG3Iui6IPgp0shvXtgz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "RDWbG3Iui6IPgp0shvXtg",
-      "sourceHandle": "x2",
-      "target": "ruoFa3M4bUE3Dg6GXSiUI",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgx2-ruoFa3M4bUE3Dg6GXSiUIw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ruoFa3M4bUE3Dg6GXSiUI",
-      "sourceHandle": "x2",
-      "target": "Hk8AVonOd693_y1sykPqd",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIx2-Hk8AVonOd693_y1sykPqdw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ruoFa3M4bUE3Dg6GXSiUI",
-      "sourceHandle": "z2",
-      "target": "hwPOGT0-duy3KfI8QaEwF",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-hwPOGT0-duy3KfI8QaEwFy2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hwPOGT0-duy3KfI8QaEwF",
-      "sourceHandle": "x2",
-      "target": "0asdhvwBH3gn-ercktV7A",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFx2-0asdhvwBH3gn-ercktV7Aw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "hwPOGT0-duy3KfI8QaEwF",
-      "sourceHandle": "z2",
-      "target": "Cxspmb14_0i1tfw-ZLxEu",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFz2-Cxspmb14_0i1tfw-ZLxEuy1",
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "SGDf_rbfmFSHlxI-Czzlz",
-      "sourceHandle": "z2",
-      "target": "zNFYAJaSq0YZXL5Rpx1NX",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-zNFYAJaSq0YZXL5Rpx1NXy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "SGDf_rbfmFSHlxI-Czzlz",
-      "sourceHandle": "z2",
-      "target": "KJRkrFZIihCUBrOf579EU",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-KJRkrFZIihCUBrOf579EUy2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "k6rp6Ua9qUEW_DA_fOg5u",
-      "sourceHandle": "z2",
-      "target": "-Nsq3Jg3gq02mKcm4u41_",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-k6rp6Ua9qUEW_DA_fOg5uz2--Nsq3Jg3gq02mKcm4u41_y2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "3TE_iYvbklXK0be-5f2M7",
-      "sourceHandle": "z2",
-      "target": "BBsXxkbbEG-gnbM1xXKrj",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-3TE_iYvbklXK0be-5f2M7z2-BBsXxkbbEG-gnbM1xXKrjy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "OL8I6nOZ8hGGWmtxg_Mv8",
-      "sourceHandle": "z2",
-      "target": "P4st_telfCwKLSAU2WsQP",
-      "targetHandle": "y1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-OL8I6nOZ8hGGWmtxg_Mv8z2-P4st_telfCwKLSAU2WsQPy1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "Cxspmb14_0i1tfw-ZLxEu",
-      "sourceHandle": "y2",
-      "target": "L7AllJfKvClaam3y-u6DP",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuy2-L7AllJfKvClaam3y-u6DPz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "L7AllJfKvClaam3y-u6DP",
-      "sourceHandle": "w2",
-      "target": "0moPO23ol33WsjVXSpTGf",
-      "targetHandle": "x2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-L7AllJfKvClaam3y-u6DPw2-0moPO23ol33WsjVXSpTGfx2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "Tqv7Lj8TklDTrZH5_fmUf",
-      "sourceHandle": "z2",
-      "target": "Tqv7Lj8TklDTrZH5_fmUf",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "focusable": true,
-      "id": "reactflow__edge-Tqv7Lj8TklDTrZH5_fmUfz2-Tqv7Lj8TklDTrZH5_fmUfz1"
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "ruoFa3M4bUE3Dg6GXSiUI",
-      "sourceHandle": "z2",
-      "target": "PoM77O2OtxPELxfrW1wtl",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "type": "step",
-      "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-PoM77O2OtxPELxfrW1wtlw1",
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "PoM77O2OtxPELxfrW1wtl",
-      "sourceHandle": "x2",
-      "target": "0-AijuwIdYdGuiNnne4Yg",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-0-AijuwIdYdGuiNnne4Ygw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "PoM77O2OtxPELxfrW1wtl",
-      "sourceHandle": "x2",
-      "target": "Tqv7Lj8TklDTrZH5_fmUf",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-Tqv7Lj8TklDTrZH5_fmUfw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "PoM77O2OtxPELxfrW1wtl",
-      "sourceHandle": "z2",
-      "target": "n0q32YhWEIAUwbGXexoqV",
-      "targetHandle": "w2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlz2-n0q32YhWEIAUwbGXexoqVw2",
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "n0q32YhWEIAUwbGXexoqV",
-      "sourceHandle": "z2",
-      "target": "VOGKiG2EZVfCBAaa7Df0W",
-      "targetHandle": "y2",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "selected": false,
-      "id": "reactflow__edge-n0q32YhWEIAUwbGXexoqVz2-VOGKiG2EZVfCBAaa7Df0Wy2",
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VOGKiG2EZVfCBAaa7Df0W",
-      "sourceHandle": "w2",
-      "target": "2wLKhD8OhVsTR-Q7WPwbj",
-      "targetHandle": "x2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Ww2-2wLKhD8OhVsTR-Q7WPwbjx2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "VOGKiG2EZVfCBAaa7Df0W",
-      "sourceHandle": "x2",
-      "target": "KMA7NkxFbPoUDtFnGBFnj",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Wx2-KMA7NkxFbPoUDtFnGBFnjw1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "KMA7NkxFbPoUDtFnGBFnj",
-      "sourceHandle": "y2",
-      "target": "mQHpSyMR4Rra4mqAslgiS",
-      "targetHandle": "z2",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-mQHpSyMR4Rra4mqAslgiSz2",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "KMA7NkxFbPoUDtFnGBFnj",
-      "sourceHandle": "y2",
-      "target": "GJctl0tVXe4B70s35RkLT",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-GJctl0tVXe4B70s35RkLTz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0.8 8",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "KMA7NkxFbPoUDtFnGBFnj",
-      "sourceHandle": "y2",
-      "target": "2MRvAK9G9RGM_auWytcKh",
-      "targetHandle": "z1",
-      "data": {
-        "edgeStyle": "dashed"
-      },
-      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-2MRvAK9G9RGM_auWytcKhz1",
-      "selected": false,
-      "focusable": true
-    },
-    {
-      "style": {
-        "strokeDasharray": "0",
-        "strokeLinecap": "round",
-        "strokeWidth": 3.5,
-        "stroke": "#2b78e4"
-      },
-      "source": "KMA7NkxFbPoUDtFnGBFnj",
-      "sourceHandle": "x2",
-      "target": "0vLaVNJaJSHZ_bHli6Qzs",
-      "targetHandle": "w1",
-      "data": {
-        "edgeStyle": "solid"
-      },
-      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjx2-0vLaVNJaJSHZ_bHli6Qzsw1",
-      "selected": false,
-      "type": "step",
-      "focusable": true
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/roadmaps/frontend/frontend.json b/src/data/roadmaps/frontend/frontend.json
index e55755b80..a06dce32c 100644
--- a/src/data/roadmaps/frontend/frontend.json
+++ b/src/data/roadmaps/frontend/frontend.json
@@ -1,12677 +1,6408 @@
 {
-  "mockup": {
-    "controls": {
-      "control": [
-        {
-          "ID": "3832",
-          "typeID": "Arrow",
-          "zOrder": "0",
-          "w": "1",
-          "h": "112",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "280",
-          "y": "3071",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.5232912494558118,
-              "y": 0.0013060513713539393
-            },
-            "p2": {
-              "x": 0,
-              "y": 111.79170436678032
-            }
-          }
-        },
-        {
-          "ID": "3833",
-          "typeID": "Arrow",
-          "zOrder": "1",
-          "w": "251",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "279",
-          "y": "3070",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 251,
-              "y": -0.18256012290817125
-            },
-            "p1": {
-              "x": 0.4437541587082094,
-              "y": -0.00008705358532379592
-            },
-            "p2": {
-              "x": 0.33567907477385006,
-              "y": -0.18256012290839863
-            }
-          }
-        },
-        {
-          "ID": "3834",
-          "typeID": "Arrow",
-          "zOrder": "2",
-          "w": "1",
-          "h": "79",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "562",
-          "y": "2990",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0.38832686773321257
-            },
-            "p1": {
-              "x": 0.44375415870820933,
-              "y": -0.00008705358532379577
-            },
-            "p2": {
-              "x": 0,
-              "y": 79.76842924623543
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3835",
-          "typeID": "Arrow",
-          "zOrder": "3",
-          "w": "528",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "630",
-          "y": "3068",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.2401013869829285,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4446546885461913,
-              "y": 0.0007404118850237802
-            },
-            "p2": {
-              "x": 528.6326287478557,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3836",
-          "typeID": "Arrow",
-          "zOrder": "4",
-          "w": "1",
-          "h": "79",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1274",
-          "y": "3062",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0.38832686773321257
-            },
-            "p1": {
-              "x": 0.44375415870820933,
-              "y": -0.00008705358532379577
-            },
-            "p2": {
-              "x": 0,
-              "y": 79.76842924623543
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3837",
-          "typeID": "Arrow",
-          "zOrder": "5",
-          "w": "313",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "855",
-          "y": "3050",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.42695876357902307,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.44465468854619133,
-              "y": 0.0007404118850237802
-            },
-            "p2": {
-              "x": 313.63262874785573,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3838",
-          "typeID": "Arrow",
-          "zOrder": "6",
-          "w": "1",
-          "h": "338",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "855",
-          "y": "2709",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.18256012290817125
-            },
-            "p1": {
-              "x": 0.44375415870820933,
-              "y": -0.00008705358532379579
-            },
-            "p2": {
-              "x": 0,
-              "y": 337.7684292462354
-            }
-          }
-        },
-        {
-          "ID": "3839",
-          "typeID": "Arrow",
-          "zOrder": "7",
-          "w": "338",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "796",
-          "y": "2712",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.20151361539910795,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4446546885461914,
-              "y": 0.0007404118850237803
-            },
-            "p2": {
-              "x": 338.63262874785573,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3840",
-          "typeID": "Arrow",
-          "zOrder": "8",
-          "w": "1",
-          "h": "84",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1272",
-          "y": "2705",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": -0.2281640414580579
-            },
-            "p1": {
-              "x": 0.4437541587082091,
-              "y": -0.00008705358532379575
-            },
-            "p2": {
-              "x": 0,
-              "y": 83.29426382933025
-            }
-          }
-        },
-        {
-          "ID": "3841",
-          "typeID": "Arrow",
-          "zOrder": "9",
-          "w": "1",
-          "h": "84",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1132",
-          "y": "2709",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": -0.2281640414580579
-            },
-            "p1": {
-              "x": 0.4437541587082091,
-              "y": -0.00008705358532379575
-            },
-            "p2": {
-              "x": 0,
-              "y": 83.29426382933025
-            }
-          }
-        },
-        {
-          "ID": "3842",
-          "typeID": "Arrow",
-          "zOrder": "10",
-          "w": "1",
-          "h": "101",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1159",
-          "y": "2355",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.2281640414580579
-            },
-            "p1": {
-              "x": 0.4437541587082091,
-              "y": -0.00008705358532379575
-            },
-            "p2": {
-              "x": 0,
-              "y": 100.3367909555227
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3843",
-          "typeID": "Arrow",
-          "zOrder": "11",
-          "w": "84",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "359",
-          "y": "2381",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.05937132975032
-            },
-            "p1": {
-              "x": 0.44375415870820895,
-              "y": -0.00008705358532379558
-            },
-            "p2": {
-              "x": 84.23358520389218,
-              "y": -0.05937132975032
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3844",
-          "typeID": "Arrow",
-          "zOrder": "12",
-          "w": "262",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "225",
-          "y": "2292",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4446546885461916,
-              "y": 0.0007404118850237802
-            },
-            "p2": {
-              "x": 262,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3845",
-          "typeID": "Arrow",
-          "zOrder": "13",
-          "w": "262",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "225",
-          "y": "2274",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4446546885461916,
-              "y": 0.0007404118850237802
-            },
-            "p2": {
-              "x": 262,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3846",
-          "typeID": "Arrow",
-          "zOrder": "14",
-          "w": "154",
-          "h": "54",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "313",
-          "y": "2050",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.1105047472654519,
-              "y": 0.2589532956762923
-            },
-            "p1": {
-              "x": 0.5899301498632965,
-              "y": 0.09282014773853087
-            },
-            "p2": {
-              "x": 154.1102158498499,
-              "y": 54.54464694586113
-            }
-          }
-        },
-        {
-          "ID": "3847",
-          "typeID": "Arrow",
-          "zOrder": "15",
-          "w": "139",
-          "h": "102",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "326",
-          "y": "2051",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.46091866528070113,
-              "y": 0.4927190604535099
-            },
-            "p1": {
-              "x": 0.5899301498632966,
-              "y": 0.09282014773853087
-            },
-            "p2": {
-              "x": 139.87645008507297,
-              "y": 102.89527753693801
-            }
-          }
-        },
-        {
-          "ID": "3848",
-          "typeID": "Arrow",
-          "zOrder": "16",
-          "w": "1",
-          "h": "343",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "225",
-          "y": "1930",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.18256012290817125
-            },
-            "p1": {
-              "x": 0.443754158708209,
-              "y": -0.00008705358532379575
-            },
-            "p2": {
-              "x": 0,
-              "y": 342.3367909555227
-            }
-          }
-        },
-        {
-          "ID": "3849",
-          "typeID": "Arrow",
-          "zOrder": "17",
-          "w": "180",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "226",
-          "y": "1930",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": -0.09099116403851326,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.44386240125497295,
-              "y": -0.00008403832147459042
-            },
-            "p2": {
-              "x": 180.31638133717956,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3850",
-          "typeID": "Arrow",
-          "zOrder": "18",
-          "w": "359",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "599",
-          "y": "1927",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": -0.49373020140785684,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.4438624012549728,
-              "y": -0.00008403832147459091
-            },
-            "p2": {
-              "x": 358.31638133717956,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3851",
-          "typeID": "Arrow",
-          "zOrder": "19",
-          "w": "111",
-          "h": "97",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "840",
-          "y": "1654",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.32435969486903105,
-              "y": 97.68763821966104
-            },
-            "p1": {
-              "x": 0.5673179018899986,
-              "y": -0.10798471012953843
-            },
-            "p2": {
-              "x": 111.36327852479212,
-              "y": 0.22014280228427197
-            }
-          }
-        },
-        {
-          "ID": "3852",
-          "typeID": "Arrow",
-          "zOrder": "20",
-          "w": "86",
-          "h": "4",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1145",
-          "y": "1662",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.2351670192747406,
-              "y": 3.3009781976211343
-            },
-            "p1": {
-              "x": 0.43112567039690275,
-              "y": 0.004580790102293522
-            },
-            "p2": {
-              "x": 85.75126717989497,
-              "y": -0.44638778029411696
-            }
-          }
-        },
-        {
-          "ID": "3853",
-          "typeID": "Arrow",
-          "zOrder": "21",
-          "w": "84",
-          "h": "44",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1141",
-          "y": "1609",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.2782721249068345,
-              "y": 44.17166288072485
-            },
-            "p1": {
-              "x": 0.5375110901217661,
-              "y": -0.11383704165250949
-            },
-            "p2": {
-              "x": 83.27923339148856,
-              "y": -0.3024932812274983
-            }
-          }
-        },
-        {
-          "ID": "3854",
-          "typeID": "Arrow",
-          "zOrder": "22",
-          "w": "129",
-          "h": "86",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1095",
-          "y": "1566",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.10012998873662582,
-              "y": 85.82396117884764
-            },
-            "p1": {
-              "x": 0.4843768479912828,
-              "y": -0.1328535668323107
-            },
-            "p2": {
-              "x": 129.27923339148856,
-              "y": -0.42894774130263613
-            }
-          }
-        },
-        {
-          "ID": "3855",
-          "typeID": "Arrow",
-          "zOrder": "23",
-          "w": "120",
-          "h": "125",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1102",
-          "y": "1520",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.3616214793498784,
-              "y": 125.08545266946089
-            },
-            "p1": {
-              "x": 0.4522713341747513,
-              "y": -0.11851734900794086
-            },
-            "p2": {
-              "x": 119.5838299877339,
-              "y": -0.25080560513220007
-            }
-          }
-        },
-        {
-          "ID": "3856",
-          "typeID": "Arrow",
-          "zOrder": "24",
-          "w": "139",
-          "h": "158",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1081",
-          "y": "1478",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.4228529924898794,
-              "y": 157.6515407563195
-            },
-            "p1": {
-              "x": 0.4193599667671816,
-              "y": -0.1063552310166165
-            },
-            "p2": {
-              "x": 139.2361282858567,
-              "y": -0.02955836333012485
-            }
-          }
-        },
-        {
-          "ID": "3857",
-          "typeID": "Arrow",
-          "zOrder": "25",
-          "w": "75",
-          "h": "55",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1147",
-          "y": "1784",
-          "properties": {
-            "color": "10027263",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 75.17486389332657,
-              "y": 55.28500751882257
-            },
-            "p1": {
-              "x": 0.5066463281760742,
-              "y": -0.12529962954892096
-            },
-            "p2": {
-              "x": -0.21361446645869364,
-              "y": -0.12282458998856782
-            }
-          }
-        },
-        {
-          "ID": "3858",
-          "typeID": "Arrow",
-          "zOrder": "26",
-          "w": "90",
-          "h": "3",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1147",
-          "y": "1777",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.08484775806573452,
-              "y": 0.42789045609197274
-            },
-            "p1": {
-              "x": 0.4310686842693702,
-              "y": -0.018545625771014342
-            },
-            "p2": {
-              "x": 89.75126717989497,
-              "y": 3.553612219705883
-            }
-          }
-        },
-        {
-          "ID": "3859",
-          "typeID": "Arrow",
-          "zOrder": "27",
-          "w": "263",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "754",
-          "y": "1907",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.25945886615363634,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.4438624012549728,
-              "y": -0.00008403832147459099
-            },
-            "p2": {
-              "x": 263.31638133717956,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3860",
-          "typeID": "Canvas",
-          "zOrder": "28",
-          "w": "419",
-          "h": "127",
-          "measuredW": "100",
-          "measuredH": "70",
-          "x": "772",
-          "y": "2009"
-        },
-        {
-          "ID": "3861",
-          "typeID": "Arrow",
-          "zOrder": "29",
-          "w": "1",
-          "h": "60",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1283",
-          "y": "1974",
-          "properties": {
-            "color": "10027263",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.22735346207707607,
-              "y": 59.78963089699505
-            },
-            "p1": {
-              "x": 0.4934109968191018,
-              "y": -0.001156690213574587
-            },
-            "p2": {
-              "x": 0.22735346207707607,
-              "y": -0.3311018494380278
-            }
-          }
-        },
-        {
-          "ID": "3862",
-          "typeID": "Arrow",
-          "zOrder": "30",
-          "w": "1",
-          "h": "108",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "754",
-          "y": "1799",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.006597557769964624
-            },
-            "p1": {
-              "x": 0.44375415870820895,
-              "y": -0.00008705358532379573
-            },
-            "p2": {
-              "x": 0,
-              "y": 107.7655119916842
-            }
-          }
-        },
-        {
-          "ID": "3863",
-          "typeID": "Arrow",
-          "zOrder": "31",
-          "w": "1",
-          "h": "95",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "339",
-          "y": "1577",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.260934347128682,
-              "y": -0.43825342894501773
-            },
-            "p1": {
-              "x": 0.4333905063356262,
-              "y": 0.007133769851020942
-            },
-            "p2": {
-              "x": -0.260934347128682,
-              "y": 94.2468704973428
-            }
-          }
-        },
-        {
-          "ID": "3864",
-          "typeID": "Arrow",
-          "zOrder": "32",
-          "w": "1",
-          "h": "385",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "227",
-          "y": "1386",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0.40633010491364985
-            },
-            "p1": {
-              "x": 0.44375415870820867,
-              "y": -0.00008705358532379573
-            },
-            "p2": {
-              "x": 0,
-              "y": 385.8175121014458
-            }
-          }
-        },
-        {
-          "ID": "3865",
-          "typeID": "Arrow",
-          "zOrder": "33",
-          "w": "1",
-          "h": "72",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "372",
-          "y": "1389",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.260934347128682,
-              "y": -0.43825342894501773
-            },
-            "p1": {
-              "x": 0.4333905063356262,
-              "y": 0.007133769851020942
-            },
-            "p2": {
-              "x": -0.260934347128682,
-              "y": 71.67226749671158
-            }
-          }
-        },
-        {
-          "ID": "3866",
-          "typeID": "Arrow",
-          "zOrder": "34",
-          "w": "359",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "227",
-          "y": "1386",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.021364108517559544,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.44386240125497267,
-              "y": -0.00008403832147459115
-            },
-            "p2": {
-              "x": 359.34932964195036,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3867",
-          "typeID": "__group__",
-          "zOrder": "35",
-          "measuredW": "560",
-          "measuredH": "196",
-          "w": "560",
-          "h": "196",
-          "x": "212",
-          "y": "1116",
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Canvas",
-                  "zOrder": "0",
-                  "w": "560",
-                  "h": "196",
-                  "measuredW": "100",
-                  "measuredH": "70",
-                  "x": "0",
-                  "y": "0"
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "480",
-                  "measuredH": "26",
-                  "x": "28",
-                  "y": "22",
-                  "properties": {
-                    "size": "18",
-                    "text": "We have trimmed down the CSS part for the sake of brevity."
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "measuredW": "448",
-                  "measuredH": "26",
-                  "x": "28",
-                  "y": "53",
-                  "properties": {
-                    "size": "18",
-                    "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, "
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Label",
-                  "zOrder": "3",
-                  "measuredW": "498",
-                  "measuredH": "26",
-                  "x": "28",
-                  "y": "84",
-                  "properties": {
-                    "size": "18",
-                    "text": "{color:purple}CSS Modules{color}, {color:purple}Styled Components{color}, {color:purple}Vanilla Extract{color}, {color:purple}Panda CSS{color}"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Label",
-                  "zOrder": "4",
-                  "measuredW": "489",
-                  "measuredH": "26",
-                  "x": "27",
-                  "y": "115",
-                  "properties": {
-                    "size": "18",
-                    "text": "and look into different frameworks with pre-built components"
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Label",
-                  "zOrder": "5",
-                  "measuredW": "371",
-                  "measuredH": "26",
-                  "x": "27",
-                  "y": "146",
-                  "properties": {
-                    "size": "18",
-                    "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}."
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3868",
-          "typeID": "Arrow",
-          "zOrder": "36",
-          "w": "1",
-          "h": "72",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "629",
-          "y": "1536",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.260934347128682,
-              "y": -0.43825342894501773
-            },
-            "p1": {
-              "x": 0.4333905063356262,
-              "y": 0.007133769851020942
-            },
-            "p2": {
-              "x": -0.260934347128682,
-              "y": 71.67226749671158
-            }
-          }
-        },
-        {
-          "ID": "3869",
-          "typeID": "Arrow",
-          "zOrder": "37",
-          "w": "1",
-          "h": "169",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "913",
-          "y": "1306",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 0.178285838126385
-            },
-            "p1": {
-              "x": 0.44400212022348745,
-              "y": -0.00008648613560245136
-            },
-            "p2": {
-              "x": 0,
-              "y": 169.40327808941106
-            }
-          }
-        },
-        {
-          "ID": "3870",
-          "typeID": "Arrow",
-          "zOrder": "38",
-          "w": "255",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "643",
-          "y": "1386",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": -0.1493922838835715,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.44386240125497284,
-              "y": -0.00008403832147459129
-            },
-            "p2": {
-              "x": 255.34932964195036,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3871",
-          "typeID": "Arrow",
-          "zOrder": "39",
-          "w": "1",
-          "h": "90",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1310",
-          "y": "1298",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 0.4028269947427816
-            },
-            "p1": {
-              "x": 0.4440021202234877,
-              "y": -0.00008648613560245134
-            },
-            "p2": {
-              "x": 0,
-              "y": 90.02499016958609
-            }
-          }
-        },
-        {
-          "ID": "3872",
-          "typeID": "Arrow",
-          "zOrder": "40",
-          "w": "255",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "894",
-          "y": "1386",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": -0.1493922838835715,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.44386240125497284,
-              "y": -0.00008403832147459129
-            },
-            "p2": {
-              "x": 255.34932964195036,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3873",
-          "typeID": "Arrow",
-          "zOrder": "41",
-          "w": "159",
-          "h": "4",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "335",
-          "y": "2039",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.09727901871917766,
-              "y": 0.15506141268406282
-            },
-            "p1": {
-              "x": 0.44400212022348756,
-              "y": -0.00008648613560245363
-            },
-            "p2": {
-              "x": 159.51281043851145,
-              "y": 4.242047239828025
-            }
-          }
-        },
-        {
-          "ID": "3874",
-          "typeID": "Arrow",
-          "zOrder": "42",
-          "w": "1",
-          "h": "421",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1179",
-          "y": "956",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.006597557769964624
-            },
-            "p1": {
-              "x": 0.44375415870820867,
-              "y": -0.00008705358532379575
-            },
-            "p2": {
-              "x": 0,
-              "y": 421.3637732670586
-            }
-          }
-        },
-        {
-          "ID": "3875",
-          "typeID": "Arrow",
-          "zOrder": "43",
-          "w": "1",
-          "h": "109",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1150",
-          "y": "956",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.006597557769964624
-            },
-            "p1": {
-              "x": 0.4437541587082086,
-              "y": -0.00008705358532379576
-            },
-            "p2": {
-              "x": 0,
-              "y": 109
-            }
-          }
-        },
-        {
-          "ID": "3876",
-          "typeID": "Arrow",
-          "zOrder": "44",
-          "w": "1",
-          "h": "52",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1322",
-          "y": "950",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 0.24204723982813903
-            },
-            "p1": {
-              "x": 0.4440021202234876,
-              "y": -0.00008648613560245136
-            },
-            "p2": {
-              "x": 0,
-              "y": 52
-            }
-          }
-        },
-        {
-          "ID": "3877",
-          "typeID": "Arrow",
-          "zOrder": "45",
-          "w": "1",
-          "h": "52",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1322",
-          "y": "842",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 0.24204723982813903
-            },
-            "p1": {
-              "x": 0.4440021202234876,
-              "y": -0.00008648613560245136
-            },
-            "p2": {
-              "x": 0,
-              "y": 52
-            }
-          }
-        },
-        {
-          "ID": "3878",
-          "typeID": "Arrow",
-          "zOrder": "46",
-          "w": "1",
-          "h": "115",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "914",
-          "y": "962",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4440021202234875,
-              "y": -0.00008648613560245134
-            },
-            "p2": {
-              "x": 0,
-              "y": 116
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3879",
-          "typeID": "Arrow",
-          "zOrder": "47",
-          "w": "133",
-          "h": "87",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "357",
-          "y": "896",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.3333333333333144,
-              "y": -0.33333333333337123
-            },
-            "p1": {
-              "x": 0.4451699304746416,
-              "y": 0.13015184070752908
-            },
-            "p2": {
-              "x": 133,
-              "y": 86.57036219050656
-            }
-          }
-        },
-        {
-          "ID": "3880",
-          "typeID": "Arrow",
-          "zOrder": "48",
-          "w": "133",
-          "h": "42",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "354",
-          "y": "888",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 1
-            },
-            "p1": {
-              "x": 0.4620133760625114,
-              "y": 0.09220144641993147
-            },
-            "p2": {
-              "x": 133.33333333333331,
-              "y": 42.33333333333337
-            }
-          }
-        },
-        {
-          "ID": "3881",
-          "typeID": "Arrow",
-          "zOrder": "49",
-          "w": "123",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "367",
-          "y": "876",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.3333333333333144,
-              "y": -0.33333333333337123
-            },
-            "p1": {
-              "x": 0.4438624012549726,
-              "y": -0.00008403832147459103
-            },
-            "p2": {
-              "x": 123,
-              "y": 0.5703621905065575
-            },
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3882",
-          "typeID": "Arrow",
-          "zOrder": "50",
-          "w": "123",
-          "h": "91",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "361",
-          "y": "712",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 123,
-              "y": 91
-            },
-            "p1": {
-              "x": 0.565776506311204,
-              "y": -0.10080877390787045
-            },
-            "p2": {
-              "x": 0.3333333333333144,
-              "y": 0.33333333333337123
-            }
-          }
-        },
-        {
-          "ID": "3883",
-          "typeID": "Arrow",
-          "zOrder": "51",
-          "w": "131",
-          "h": "95",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "355",
-          "y": "583",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 130.33333333333331,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4657562307954934,
-              "y": 0.12174803687265293
-            },
-            "p2": {
-              "x": -0.3333333333333144,
-              "y": 94.66666666666663
-            }
-          }
-        },
-        {
-          "ID": "3884",
-          "typeID": "Arrow",
-          "zOrder": "52",
-          "w": "116",
-          "h": "39",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "372",
-          "y": "707",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 116,
-              "y": 38.66666666666663
-            },
-            "p1": {
-              "x": 0.4702847194128022,
-              "y": -0.0785649380781361
-            },
-            "p2": {
-              "x": 0,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3885",
-          "typeID": "Arrow",
-          "zOrder": "53",
-          "w": "119",
-          "h": "49",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "368",
-          "y": "634",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 118.66666666666669,
-              "y": -0.33333333333337123
-            },
-            "p1": {
-              "x": 0.42600235550535653,
-              "y": 0.12025417194843362
-            },
-            "p2": {
-              "x": 0,
-              "y": 49
-            }
-          }
-        },
-        {
-          "ID": "3886",
-          "typeID": "Arrow",
-          "zOrder": "54",
-          "w": "143",
-          "h": "3",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "367",
-          "y": "693",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 142.33333333333337,
-              "y": 0.15918378573792324
-            },
-            "p1": {
-              "x": 0.4438624012549725,
-              "y": -0.00008403832147459344
-            },
-            "p2": {
-              "x": -0.3333333333333144,
-              "y": 3.3333333333333712
-            }
-          }
-        },
-        {
-          "ID": "3887",
-          "typeID": "Arrow",
-          "zOrder": "55",
-          "w": "414",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "294",
-          "y": "488",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.4296378094934994
-            },
-            "p1": {
-              "x": 0.4438624012549725,
-              "y": -0.00008403832147459163
-            },
-            "p2": {
-              "x": 414,
-              "y": -0.4296378094934994
-            }
-          }
-        },
-        {
-          "ID": "3888",
-          "typeID": "Arrow",
-          "zOrder": "56",
-          "w": "235",
-          "h": "253",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "793",
-          "y": "506",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 234.66666666666663,
-              "y": 253.33333333333337
-            },
-            "p1": {
-              "x": 0.5393830230698493,
-              "y": -0.1009352067946597
-            },
-            "p2": {
-              "x": 0,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3889",
-          "typeID": "Arrow",
-          "zOrder": "57",
-          "w": "191",
-          "h": "200",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "838",
-          "y": "505",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 191,
-              "y": 199.66666666666663
-            },
-            "p1": {
-              "x": 0.48015087662110867,
-              "y": -0.0977438357121236
-            },
-            "p2": {
-              "x": 0.33333333333337123,
-              "y": -0.3333333333333144
-            }
-          }
-        },
-        {
-          "ID": "3890",
-          "typeID": "Arrow",
-          "zOrder": "58",
-          "w": "175",
-          "h": "147",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "852",
-          "y": "503",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 174.33333333333337,
-              "y": 147
-            },
-            "p1": {
-              "x": 0.4422588392864484,
-              "y": -0.1165659293461407
-            },
-            "p2": {
-              "x": -0.33333333333337123,
-              "y": 0.3333333333333144
-            }
-          }
-        },
-        {
-          "ID": "3891",
-          "typeID": "Arrow",
-          "zOrder": "59",
-          "w": "171",
-          "h": "103",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "858",
-          "y": "498",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 171,
-              "y": 102.66666666666663
-            },
-            "p1": {
-              "x": 0.3745977833392918,
-              "y": -0.11753664640686441
-            },
-            "p2": {
-              "x": 0.33333333333337123,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3892",
-          "typeID": "Arrow",
-          "zOrder": "60",
-          "w": "152",
-          "h": "48",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "878",
-          "y": "494",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 152.33333333333337,
-              "y": 48
-            },
-            "p1": {
-              "x": 0.3591853743660239,
-              "y": -0.07798593281586438
-            },
-            "p2": {
-              "x": 0.33333333333337123,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3893",
-          "typeID": "Arrow",
-          "zOrder": "61",
-          "w": "183",
-          "h": "5",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "868",
-          "y": "481",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 182.33333333333337,
-              "y": 5.159183785737923
-            },
-            "p1": {
-              "x": 0.44386240125497256,
-              "y": -0.00008403832147459266
-            },
-            "p2": {
-              "x": -0.33333333333337123,
-              "y": -0.3333333333333144
-            }
-          }
-        },
-        {
-          "ID": "3894",
-          "typeID": "__group__",
-          "zOrder": "62",
-          "measuredW": "144",
-          "measuredH": "40",
-          "w": "144",
-          "h": "40",
-          "x": "714",
-          "y": "324",
-          "properties": {
-            "controlName": "ext_link:roadmap.sh/frontend"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "w": "144",
-                  "measuredW": "144",
-                  "measuredH": "40",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "size": "32",
-                    "text": "Front-end"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3895",
-          "typeID": "__group__",
-          "zOrder": "63",
-          "measuredW": "325",
-          "measuredH": "195",
-          "w": "325",
-          "h": "195",
-          "x": "1053",
-          "y": "201",
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Canvas",
-                  "zOrder": "0",
-                  "w": "325",
-                  "h": "195",
-                  "measuredW": "100",
-                  "measuredH": "70",
-                  "x": "0",
-                  "y": "0"
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "284",
-                  "measuredW": "283",
-                  "measuredH": "26",
-                  "x": "18",
-                  "y": "19",
-                  "properties": {
-                    "text": "For resources and other roadmaps",
-                    "size": "18"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "__group__",
-                  "zOrder": "2",
-                  "measuredW": "173",
-                  "measuredH": "28",
-                  "w": "173",
-                  "h": "28",
-                  "x": "18",
-                  "y": "52",
-                  "properties": {
-                    "controlName": "ext_link:roadmap.sh"
-                  },
-                  "children": {
-                    "controls": {
-                      "control": [
-                        {
-                          "ID": "2",
-                          "typeID": "Label",
-                          "zOrder": "0",
-                          "w": "173",
-                          "measuredW": "172",
-                          "measuredH": "28",
-                          "x": "0",
-                          "y": "0",
-                          "properties": {
-                            "text": "https://roadmap.sh",
-                            "color": "10027263",
-                            "size": "20"
-                          }
-                        }
-                      ]
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "__group__",
-                  "zOrder": "3",
-                  "measuredW": "283",
-                  "measuredH": "47",
-                  "w": "283",
-                  "h": "47",
-                  "x": "18",
-                  "y": "127",
-                  "properties": {
-                    "controlName": "json:frontend-beginner.json"
-                  },
-                  "children": {
-                    "controls": {
-                      "control": [
-                        {
-                          "ID": "0",
-                          "typeID": "Canvas",
-                          "zOrder": "0",
-                          "w": "283",
-                          "h": "47",
-                          "measuredW": "100",
-                          "measuredH": "70",
-                          "x": "0",
-                          "y": "0",
-                          "properties": {
-                            "borderColor": "4273622",
-                            "color": "4273622"
-                          }
-                        },
-                        {
-                          "ID": "1",
-                          "typeID": "Label",
-                          "zOrder": "1",
-                          "w": "211",
-                          "measuredW": "210",
-                          "measuredH": "26",
-                          "x": "36",
-                          "y": "11",
-                          "properties": {
-                            "color": "16777215",
-                            "text": "Visit the Beginner Version",
-                            "size": "18"
-                          }
-                        }
-                      ]
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Label",
-                  "zOrder": "4",
-                  "w": "228",
-                  "measuredW": "227",
-                  "measuredH": "26",
-                  "x": "18",
-                  "y": "92",
-                  "properties": {
-                    "color": "4985136",
-                    "text": "Are you just getting started?",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3896",
-          "typeID": "__group__",
-          "zOrder": "64",
-          "measuredW": "408",
-          "measuredH": "162",
-          "w": "408",
-          "h": "162",
-          "x": "162",
-          "y": "201",
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Canvas",
-                  "zOrder": "0",
-                  "w": "408",
-                  "h": "162",
-                  "measuredW": "100",
-                  "measuredH": "70",
-                  "x": "0",
-                  "y": "0"
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Icon",
-                  "zOrder": "1",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "21",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "21",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Label",
-                  "zOrder": "3",
-                  "measuredW": "269",
-                  "measuredH": "24",
-                  "x": "59",
-                  "y": "21",
-                  "properties": {
-                    "size": "16",
-                    "text": "Personal Recommendation / Opinion"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Label",
-                  "zOrder": "4",
-                  "measuredW": "159",
-                  "measuredH": "24",
-                  "x": "59",
-                  "y": "118",
-                  "properties": {
-                    "size": "16",
-                    "text": "I wouldn't recommend"
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "5",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "118",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "6",
-                  "typeID": "Label",
-                  "zOrder": "6",
-                  "w": "324",
-                  "measuredW": "315",
-                  "measuredH": "24",
-                  "x": "60",
-                  "y": "86",
-                  "properties": {
-                    "size": "16",
-                    "text": "Order in roadmap not strict (Learn anytime)"
-                  }
-                },
-                {
-                  "ID": "7",
-                  "typeID": "Icon",
-                  "zOrder": "7",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "86",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "8",
-                  "typeID": "Icon",
-                  "zOrder": "8",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "86",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "9",
-                  "typeID": "Label",
-                  "zOrder": "9",
-                  "measuredW": "272",
-                  "measuredH": "24",
-                  "x": "59",
-                  "y": "54",
-                  "properties": {
-                    "size": "16",
-                    "text": "Alternative Option - Pick this or purple"
-                  }
-                },
-                {
-                  "ID": "10",
-                  "typeID": "Icon",
-                  "zOrder": "10",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "53",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "11",
-                  "typeID": "Icon",
-                  "zOrder": "11",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "53",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "12",
-                  "typeID": "Icon",
-                  "zOrder": "12",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "23",
-                  "y": "53",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3897",
-          "typeID": "Arrow",
-          "zOrder": "65",
-          "w": "1",
-          "h": "74",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "785",
-          "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": "3898",
-          "typeID": "Arrow",
-          "zOrder": "66",
-          "w": "1",
-          "h": "95",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "785",
-          "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": "3899",
-          "typeID": "__group__",
-          "zOrder": "67",
-          "measuredW": "175",
-          "measuredH": "50",
-          "w": "175",
-          "h": "50",
-          "x": "697",
-          "y": "462",
-          "properties": {
-            "controlName": "100-internet"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "175",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "62",
-                  "measuredH": "25",
-                  "x": "57",
-                  "y": "13",
-                  "properties": {
-                    "text": "Internet",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3900",
-          "typeID": "__group__",
-          "zOrder": "68",
-          "measuredW": "309",
-          "measuredH": "49",
-          "w": "309",
-          "h": "49",
-          "x": "1022",
-          "y": "461",
-          "properties": {
-            "controlName": "100-internet:how-does-the-internet-work"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "299",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "223",
-                  "measuredW": "219",
-                  "measuredH": "25",
-                  "x": "38",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "How does the internet work?"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "285",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "285",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3901",
-          "typeID": "__group__",
-          "zOrder": "69",
-          "measuredW": "309",
-          "measuredH": "49",
-          "w": "309",
-          "h": "49",
-          "x": "1022",
-          "y": "515",
-          "properties": {
-            "controlName": "101-internet:what-is-http"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "299",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "119",
-                  "measuredW": "113",
-                  "measuredH": "25",
-                  "x": "90",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "What is HTTP?"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "285",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "285",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3902",
-          "typeID": "__group__",
-          "zOrder": "70",
-          "measuredW": "309",
-          "measuredH": "49",
-          "w": "309",
-          "h": "49",
-          "x": "1022",
-          "y": "731",
-          "properties": {
-            "controlName": "102-internet:browsers-and-how-they-work"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "299",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "230",
-                  "measuredW": "225",
-                  "measuredH": "25",
-                  "x": "34",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Browsers and how they work?"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "285",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "285",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3903",
-          "typeID": "__group__",
-          "zOrder": "71",
-          "measuredW": "307",
-          "measuredH": "49",
-          "w": "307",
-          "h": "49",
-          "x": "1022",
-          "y": "677",
-          "properties": {
-            "controlName": "103-internet:dns-and-how-it-works"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "298",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "179",
-                  "measuredW": "175",
-                  "measuredH": "25",
-                  "x": "59",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "DNS and how it works?"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "283",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "283",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3904",
-          "typeID": "__group__",
-          "zOrder": "72",
-          "measuredW": "308",
-          "measuredH": "49",
-          "w": "308",
-          "h": "49",
-          "x": "1022",
-          "y": "569",
-          "properties": {
-            "controlName": "104-internet:what-is-domain-name"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "299",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "189",
-                  "measuredW": "180",
-                  "measuredH": "25",
-                  "x": "55",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "What is Domain Name?"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "284",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "284",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3905",
-          "typeID": "__group__",
-          "zOrder": "73",
-          "measuredW": "307",
-          "measuredH": "49",
-          "w": "307",
-          "h": "49",
-          "x": "1022",
-          "y": "623",
-          "properties": {
-            "controlName": "105-internet:what-is-hosting"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "298",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "133",
-                  "measuredW": "126",
-                  "measuredH": "25",
-                  "x": "74",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "What is hosting?"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "283",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "283",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3906",
-          "typeID": "Arrow",
-          "zOrder": "74",
-          "w": "1",
-          "h": "576",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "293",
-          "y": "488",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.44375415870820856,
-              "y": -0.00008705358532379576
-            },
-            "p2": {
-              "x": 0,
-              "y": 576
-            }
-          }
-        },
-        {
-          "ID": "3907",
-          "typeID": "__group__",
-          "zOrder": "75",
-          "measuredW": "186",
-          "measuredH": "49",
-          "w": "186",
-          "h": "49",
-          "x": "196",
-          "y": "668",
-          "properties": {
-            "controlName": "101-html"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "186",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "48",
-                  "measuredH": "25",
-                  "x": "69",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "HTML"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3908",
-          "typeID": "__group__",
-          "zOrder": "76",
-          "measuredW": "267",
-          "measuredH": "49",
-          "w": "267",
-          "h": "49",
-          "x": "479",
-          "y": "561",
-          "properties": {
-            "controlName": "100-html:learn-the-basics"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "134",
-                  "measuredW": "128",
-                  "measuredH": "25",
-                  "x": "62",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Learn the basics"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "243",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "243",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3909",
-          "typeID": "__group__",
-          "zOrder": "77",
-          "measuredW": "267",
-          "measuredH": "49",
-          "w": "267",
-          "h": "49",
-          "x": "479",
-          "y": "614",
-          "properties": {
-            "controlName": "101-html:writing-semantic-html"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "189",
-                  "measuredW": "183",
-                  "measuredH": "25",
-                  "x": "34",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Writing Semantic HTML"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "243",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "243",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3910",
-          "typeID": "__group__",
-          "zOrder": "78",
-          "measuredW": "266",
-          "measuredH": "49",
-          "w": "266",
-          "h": "49",
-          "x": "479",
-          "y": "668",
-          "properties": {
-            "controlName": "102-html:forms-and-validations"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "172",
-                  "measuredW": "169",
-                  "measuredH": "25",
-                  "x": "43",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Forms and Validations"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "242",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "242",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3911",
-          "typeID": "__group__",
-          "zOrder": "79",
-          "measuredW": "267",
-          "measuredH": "49",
-          "w": "267",
-          "h": "49",
-          "x": "480",
-          "y": "722",
-          "properties": {
-            "controlName": "104-html:accessibility"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "101",
-                  "measuredW": "94",
-                  "measuredH": "25",
-                  "x": "78",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Accessibility"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "243",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "243",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3912",
-          "typeID": "__group__",
-          "zOrder": "80",
-          "measuredW": "268",
-          "measuredH": "49",
-          "w": "268",
-          "h": "49",
-          "x": "480",
-          "y": "776",
-          "properties": {
-            "controlName": "105-html:seo-basics"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "94",
-                  "measuredW": "90",
-                  "measuredH": "25",
-                  "x": "82",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "SEO Basics"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "244",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "244",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3913",
-          "typeID": "__group__",
-          "zOrder": "81",
-          "measuredW": "186",
-          "measuredH": "50",
-          "w": "186",
-          "h": "50",
-          "x": "196",
-          "y": "853",
-          "properties": {
-            "controlName": "102-css"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "186",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "33",
-                  "measuredH": "25",
-                  "x": "76",
-                  "y": "14",
-                  "properties": {
-                    "size": "17",
-                    "text": "CSS"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3914",
-          "typeID": "__group__",
-          "zOrder": "82",
-          "measuredW": "211",
-          "measuredH": "47",
-          "w": "211",
-          "h": "47",
-          "x": "480",
-          "y": "907",
-          "properties": {
-            "controlName": "101-css:making-layouts"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "8",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "201",
-                  "h": "47",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "9",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "130",
-                  "measuredW": "120",
-                  "measuredH": "25",
-                  "x": "36",
-                  "y": "11",
-                  "properties": {
-                    "size": "17",
-                    "text": "Making Layouts"
-                  }
-                },
-                {
-                  "ID": "10",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "187",
-                  "y": "11",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "11",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "187",
-                  "y": "11",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3915",
-          "typeID": "__group__",
-          "zOrder": "83",
-          "measuredW": "211",
-          "measuredH": "49",
-          "w": "211",
-          "h": "49",
-          "x": "480",
-          "y": "853",
-          "properties": {
-            "controlName": "100-css:learn-the-basics"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "201",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "128",
-                  "measuredH": "25",
-                  "x": "37",
-                  "y": "12",
-                  "properties": {
-                    "text": "Learn the basics",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "187",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "187",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3916",
-          "typeID": "__group__",
-          "zOrder": "84",
-          "measuredW": "211",
-          "measuredH": "49",
-          "w": "211",
-          "h": "49",
-          "x": "481",
-          "y": "959",
-          "properties": {
-            "controlName": "102-css:responsive-design-and-media-queries"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "201",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "149",
-                  "measuredH": "25",
-                  "x": "26",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Responsive Design"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "187",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "187",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3917",
-          "typeID": "Arrow",
-          "zOrder": "85",
-          "w": "856",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "293",
-          "y": "1066",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.4296378094934994
-            },
-            "p1": {
-              "x": 0.44386240125497284,
-              "y": -0.00008403832147459128
-            },
-            "p2": {
-              "x": 856.3493296419504,
-              "y": -0.42963780949344255
-            },
-            "rightArrow": "false"
-          }
-        },
-        {
-          "ID": "3918",
-          "typeID": "__group__",
-          "zOrder": "86",
-          "measuredW": "209",
-          "measuredH": "50",
-          "w": "209",
-          "h": "50",
-          "x": "810",
-          "y": "1042",
-          "properties": {
-            "controlName": "103-javascript"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "209",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "81",
-                  "measuredH": "25",
-                  "x": "64",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "JavaScript"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3919",
-          "typeID": "__group__",
-          "zOrder": "87",
-          "measuredW": "271",
-          "measuredH": "47",
-          "w": "271",
-          "h": "47",
-          "x": "779",
-          "y": "853",
-          "properties": {
-            "controlName": "100-javascript:syntax-and-basic-constructs"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "263",
-                  "h": "47",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "130",
-                  "measuredH": "25",
-                  "x": "75",
-                  "y": "11",
-                  "properties": {
-                    "size": "17",
-                    "text": "Learn the Basics"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3920",
-          "typeID": "__group__",
-          "zOrder": "88",
-          "measuredW": "272",
-          "measuredH": "47",
-          "w": "272",
-          "h": "47",
-          "x": "779",
-          "y": "905",
-          "properties": {
-            "controlName": "101-javascript:learn-dom-manipulation"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "264",
-                  "h": "47",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "197",
-                  "measuredW": "193",
-                  "measuredH": "25",
-                  "x": "41",
-                  "y": "11",
-                  "properties": {
-                    "size": "17",
-                    "text": "Learn DOM Manipulation"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3921",
-          "typeID": "__group__",
-          "zOrder": "89",
-          "measuredW": "274",
-          "measuredH": "47",
-          "w": "274",
-          "h": "47",
-          "x": "778",
-          "y": "956",
-          "properties": {
-            "controlName": "102-javascript:learn-fetch-api-ajax-xhr"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "266",
-                  "h": "47",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "175",
-                  "measuredH": "25",
-                  "x": "53",
-                  "y": "11",
-                  "properties": {
-                    "size": "17",
-                    "text": "Fetch API / Ajax (XHR)"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3922",
-          "typeID": "__group__",
-          "zOrder": "90",
-          "measuredW": "241",
-          "measuredH": "49",
-          "w": "241",
-          "h": "49",
-          "x": "1125",
-          "y": "871",
-          "properties": {
-            "controlName": "104-version-control-systems"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "241",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "186",
-                  "measuredH": "25",
-                  "x": "28",
-                  "y": "12",
-                  "properties": {
-                    "text": "Version Control Systems",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3923",
-          "typeID": "__group__",
-          "zOrder": "91",
-          "measuredW": "241",
-          "measuredH": "49",
-          "w": "241",
-          "h": "49",
-          "x": "1125",
-          "y": "925",
-          "properties": {
-            "controlName": "105-repo-hosting-services"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "241",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "97",
-                  "measuredH": "25",
-                  "x": "72",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "VCS Hosting"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3924",
-          "typeID": "__group__",
-          "zOrder": "92",
-          "measuredW": "101",
-          "measuredH": "49",
-          "w": "101",
-          "h": "49",
-          "x": "1272",
-          "y": "811",
-          "properties": {
-            "controlName": "100-version-control-systems:basic-usage-of-git"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "90",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "22",
-                  "measuredH": "25",
-                  "x": "32",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Git"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "77",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "77",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3925",
-          "typeID": "__group__",
-          "zOrder": "93",
-          "measuredW": "150",
-          "measuredH": "49",
-          "w": "150",
-          "h": "49",
-          "x": "1226",
-          "y": "1001",
-          "properties": {
-            "controlName": "100-repo-hosting-services:github"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "139",
-                  "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": "13",
-                  "properties": {
-                    "text": "GitHub",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "126",
-                  "y": "11",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "126",
-                  "y": "11",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3926",
-          "typeID": "__group__",
-          "zOrder": "94",
-          "measuredW": "148",
-          "measuredH": "49",
-          "w": "148",
-          "h": "49",
-          "x": "1226",
-          "y": "1106",
-          "properties": {
-            "controlName": "102-repo-hosting-services:bitbucket"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "138",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "73",
-                  "measuredH": "25",
-                  "x": "36",
-                  "y": "12",
-                  "properties": {
-                    "color": "3355443",
-                    "text": "Bitbucket",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "124",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "124",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "124",
-                  "y": "12",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3927",
-          "typeID": "__group__",
-          "zOrder": "95",
-          "measuredW": "147",
-          "measuredH": "49",
-          "w": "147",
-          "h": "49",
-          "x": "1226",
-          "y": "1053",
-          "properties": {
-            "controlName": "101-repo-hosting-services:gitlab"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "137",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "51",
-                  "measuredH": "25",
-                  "x": "43",
-                  "y": "12",
-                  "properties": {
-                    "color": "3355443",
-                    "size": "17",
-                    "text": "GitLab"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "123",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "123",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "123",
-                  "y": "13",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3928",
-          "typeID": "__group__",
-          "zOrder": "96",
-          "measuredW": "217",
-          "measuredH": "49",
-          "w": "217",
-          "h": "49",
-          "x": "158",
-          "y": "2018",
-          "properties": {
-            "controlName": "106-web-security-knowledge"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "207",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "10",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "156",
-                  "measuredW": "155",
-                  "measuredH": "25",
-                  "x": "36",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Web Security Basics"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "__group__",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "w": "24",
-                  "h": "24",
-                  "x": "0",
-                  "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": {
-                            "color": "10066329",
-                            "icon": {
-                              "ID": "check-circle",
-                              "size": "small"
-                            }
-                          }
-                        }
-                      ]
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3929",
-          "typeID": "__group__",
-          "zOrder": "97",
-          "measuredW": "123",
-          "measuredH": "48",
-          "w": "123",
-          "h": "48",
-          "x": "459",
-          "y": "2019",
-          "properties": {
-            "controlName": "102-web-security-knowledge:cors"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "118",
-                  "h": "48",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "48",
-                  "measuredH": "25",
-                  "x": "35",
-                  "y": "11",
-                  "properties": {
-                    "text": "CORS",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "__group__",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "w": "24",
-                  "h": "24",
-                  "x": "99",
-                  "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": {
-                            "color": "10066329",
-                            "icon": {
-                              "ID": "check-circle",
-                              "size": "small"
-                            }
-                          }
-                        }
-                      ]
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3930",
-          "typeID": "__group__",
-          "zOrder": "98",
-          "measuredW": "144",
-          "measuredH": "49",
-          "w": "144",
-          "h": "49",
-          "x": "582",
-          "y": "2018",
-          "properties": {
-            "controlName": "100-web-security-knowledge:https"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "134",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "54",
-                  "measuredH": "25",
-                  "x": "40",
-                  "y": "12",
-                  "properties": {
-                    "text": "HTTPS",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "__group__",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "w": "24",
-                  "h": "24",
-                  "x": "120",
-                  "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": "10066329",
-                            "icon": {
-                              "ID": "check-circle",
-                              "size": "small"
-                            }
-                          }
-                        }
-                      ]
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3931",
-          "typeID": "__group__",
-          "zOrder": "99",
-          "measuredW": "267",
-          "measuredH": "49",
-          "w": "267",
-          "h": "49",
-          "x": "459",
-          "y": "2071",
-          "properties": {
-            "controlName": "101-web-security-knowledge:content-security-policy"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "175",
-                  "measuredH": "25",
-                  "x": "41",
-                  "y": "12",
-                  "properties": {
-                    "text": "Content Security Policy",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "__group__",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "w": "24",
-                  "h": "24",
-                  "x": "243",
-                  "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": "10066329",
-                            "icon": {
-                              "ID": "check-circle",
-                              "size": "small"
-                            }
-                          }
-                        }
-                      ]
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3932",
-          "typeID": "__group__",
-          "zOrder": "100",
-          "measuredW": "267",
-          "measuredH": "49",
-          "w": "267",
-          "h": "49",
-          "x": "459",
-          "y": "2124",
-          "properties": {
-            "controlName": "103-web-security-knowledge:owasp-security-risks"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "257",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "169",
-                  "measuredH": "25",
-                  "x": "44",
-                  "y": "12",
-                  "properties": {
-                    "text": "OWASP Security Risks",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "__group__",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "w": "24",
-                  "h": "24",
-                  "x": "243",
-                  "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": "10066329",
-                            "icon": {
-                              "ID": "check-circle",
-                              "size": "small"
-                            }
-                          }
-                        }
-                      ]
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3933",
-          "typeID": "__group__",
-          "zOrder": "101",
-          "measuredW": "211",
-          "measuredH": "53",
-          "w": "211",
-          "h": "53",
-          "x": "1125",
-          "y": "1360",
-          "properties": {
-            "controlName": "107-package-managers"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "211",
-                  "h": "53",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "149",
-                  "measuredH": "25",
-                  "x": "31",
-                  "y": "14",
-                  "properties": {
-                    "text": "Package Managers",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3934",
-          "typeID": "__group__",
-          "zOrder": "102",
-          "measuredW": "144",
-          "measuredH": "49",
-          "w": "144",
-          "h": "49",
-          "x": "1228",
-          "y": "1187",
-          "properties": {
-            "controlName": "100-package-managers:npm"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "134",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "36",
-                  "measuredW": "34",
-                  "measuredH": "25",
-                  "x": "49",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "npm"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "120",
-                  "y": "11",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "120",
-                  "y": "11",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3935",
-          "typeID": "__group__",
-          "zOrder": "103",
-          "measuredW": "144",
-          "measuredH": "49",
-          "w": "144",
-          "h": "49",
-          "x": "1228",
-          "y": "1293",
-          "properties": {
-            "controlName": "101-package-managers:yarn"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "134",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "33",
-                  "measuredH": "25",
-                  "x": "50",
-                  "y": "12",
-                  "properties": {
-                    "text": "yarn",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "120",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "120",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3936",
-          "typeID": "__group__",
-          "zOrder": "104",
-          "measuredW": "141",
-          "measuredH": "49",
-          "w": "141",
-          "h": "49",
-          "x": "1228",
-          "y": "1240",
-          "properties": {
-            "controlName": "102-package-managers:pnpm"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "134",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "44",
-                  "measuredH": "25",
-                  "x": "45",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "pnpm"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "117",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "117",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3937",
-          "typeID": "__group__",
-          "zOrder": "105",
-          "measuredW": "216",
-          "measuredH": "50",
-          "w": "216",
-          "h": "50",
-          "x": "162",
-          "y": "1546",
-          "properties": {
-            "controlName": "109-css-preprocessors"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "216",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "150",
-                  "measuredH": "25",
-                  "x": "33",
-                  "y": "12",
-                  "properties": {
-                    "text": "CSS Preprocessors",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3938",
-          "typeID": "__group__",
-          "zOrder": "106",
-          "measuredW": "154",
-          "measuredH": "49",
-          "w": "154",
-          "h": "49",
-          "x": "300",
-          "y": "1694",
-          "properties": {
-            "controlName": "101-css-preprocessors:postcss"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "146",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "74",
-                  "measuredW": "66",
-                  "measuredH": "25",
-                  "x": "39",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "PostCSS"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "130",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "130",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3939",
-          "typeID": "__group__",
-          "zOrder": "107",
-          "measuredW": "155",
-          "measuredH": "49",
-          "w": "155",
-          "h": "49",
-          "x": "300",
-          "y": "1639",
-          "properties": {
-            "controlName": "100-css-preprocessors:sass"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "146",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "46",
-                  "measuredW": "37",
-                  "measuredH": "25",
-                  "x": "50",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Sass"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "131",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "131",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3940",
-          "typeID": "__group__",
-          "zOrder": "108",
-          "measuredW": "175",
-          "measuredH": "50",
-          "w": "175",
-          "h": "50",
-          "x": "285",
-          "y": "1362",
-          "properties": {
-            "controlName": "108-css-architecture"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "175",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "131",
-                  "measuredH": "25",
-                  "x": "22",
-                  "y": "12",
-                  "properties": {
-                    "text": "CSS Architecture",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3941",
-          "typeID": "__group__",
-          "zOrder": "109",
-          "measuredW": "161",
-          "measuredH": "49",
-          "w": "161",
-          "h": "49",
-          "x": "300",
-          "y": "1440",
-          "properties": {
-            "controlName": "100-css-architecture:bem"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "151",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "45",
-                  "measuredW": "38",
-                  "measuredH": "25",
-                  "x": "53",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "BEM"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "137",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "137",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3942",
-          "typeID": "Arrow",
-          "zOrder": "110",
-          "w": "31",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "906",
-          "y": "1388",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 31.53077722379544,
-              "y": -0.4891725128713915
-            },
-            "p1": {
-              "x": 0.4693732787810534,
-              "y": 0.004541857492184634
-            },
-            "p2": {
-              "x": 0.39905954407345234,
-              "y": -0.4891725128713915
-            }
-          }
-        },
-        {
-          "ID": "3943",
-          "typeID": "__group__",
-          "zOrder": "111",
-          "measuredW": "213",
-          "measuredH": "53",
-          "w": "213",
-          "h": "53",
-          "x": "850",
-          "y": "1360",
-          "properties": {
-            "controlName": "111-pick-a-framework"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "213",
-                  "h": "53",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "142",
-                  "measuredW": "136",
-                  "measuredH": "25",
-                  "x": "36",
-                  "y": "14",
-                  "properties": {
-                    "size": "17",
-                    "text": "Pick a Framework"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3944",
-          "typeID": "__group__",
-          "zOrder": "112",
-          "measuredW": "152",
-          "measuredH": "49",
-          "w": "152",
-          "h": "49",
-          "x": "842",
-          "y": "1172",
-          "properties": {
-            "controlName": "100-pick-a-framework:react-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "47",
-                  "measuredH": "25",
-                  "x": "56",
-                  "y": "12",
-                  "properties": {
-                    "text": "React",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3945",
-          "typeID": "__group__",
-          "zOrder": "113",
-          "measuredW": "153",
-          "measuredH": "49",
-          "w": "153",
-          "h": "49",
-          "x": "840",
-          "y": "1279",
-          "properties": {
-            "controlName": "101-pick-a-framework:angular"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "64",
-                  "measuredW": "59",
-                  "measuredH": "25",
-                  "x": "49",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Angular"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3946",
-          "typeID": "__group__",
-          "zOrder": "114",
-          "measuredW": "152",
-          "measuredH": "49",
-          "w": "152",
-          "h": "49",
-          "x": "842",
-          "y": "1225",
-          "properties": {
-            "controlName": "102-pick-a-framework:vue-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "45",
-                  "measuredH": "25",
-                  "x": "58",
-                  "y": "12",
-                  "properties": {
-                    "text": "Vue.js",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3947",
-          "typeID": "__group__",
-          "zOrder": "115",
-          "measuredW": "152",
-          "measuredH": "49",
-          "w": "152",
-          "h": "49",
-          "x": "843",
-          "y": "1442",
-          "properties": {
-            "controlName": "103-pick-a-framework:svelte"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "48",
-                  "measuredH": "25",
-                  "x": "58",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Svelte"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3948",
-          "typeID": "__group__",
-          "zOrder": "116",
-          "measuredW": "152",
-          "measuredH": "49",
-          "w": "152",
-          "h": "49",
-          "x": "843",
-          "y": "1495",
-          "properties": {
-            "controlName": "104-pick-a-framework:solid-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "61",
-                  "measuredH": "25",
-                  "x": "58",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Solid JS"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3949",
-          "typeID": "Arrow",
-          "zOrder": "117",
-          "w": "1",
-          "h": "72",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "629",
-          "y": "1395",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.260934347128682,
-              "y": -0.43825342894501773
-            },
-            "p1": {
-              "x": 0.4333905063356262,
-              "y": 0.007133769851020942
-            },
-            "p2": {
-              "x": -0.260934347128682,
-              "y": 71.67226749671158
-            }
-          }
-        },
-        {
-          "ID": "3950",
-          "typeID": "__group__",
-          "zOrder": "118",
-          "measuredW": "179",
-          "measuredH": "50",
-          "w": "179",
-          "h": "50",
-          "x": "540",
-          "y": "1362",
-          "properties": {
-            "controlName": "112-modern-css"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "179",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "92",
-                  "measuredH": "25",
-                  "x": "44",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "Writing CSS"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3951",
-          "typeID": "__group__",
-          "zOrder": "119",
-          "measuredW": "149",
-          "measuredH": "48",
-          "w": "149",
-          "h": "48",
-          "x": "555",
-          "y": "1449",
-          "properties": {
-            "controlName": "100-css-frameworks:js-first:tailwind-css"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "139",
-                  "h": "48",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "10",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "94",
-                  "measuredH": "25",
-                  "x": "33",
-                  "y": "11",
-                  "properties": {
-                    "size": "17",
-                    "text": "TailwindCSS"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "12",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3952",
-          "typeID": "__group__",
-          "zOrder": "120",
-          "measuredW": "149",
-          "measuredH": "49",
-          "w": "149",
-          "h": "49",
-          "x": "555",
-          "y": "1501",
-          "properties": {
-            "controlName": "103-css-frameworks:js-first:radix-ui"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "139",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "10",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "66",
-                  "measuredH": "25",
-                  "x": "44",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Radix UI"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3953",
-          "typeID": "__group__",
-          "zOrder": "121",
-          "measuredW": "147",
-          "measuredH": "49",
-          "w": "147",
-          "h": "49",
-          "x": "556",
-          "y": "1593",
-          "properties": {
-            "controlName": "103-css-frameworks:js-first:shadcn-ui"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "139",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "80",
-                  "measuredH": "25",
-                  "x": "38",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Shadcn UI"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3954",
-          "typeID": "Arrow",
-          "zOrder": "122",
-          "w": "457",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "227",
-          "y": "1774",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.021364108517559544,
-              "y": -0.42963780949344255
-            },
-            "p1": {
-              "x": 0.4438624012549727,
-              "y": -0.00008403832147459117
-            },
-            "p2": {
-              "x": 457.31638133717956,
-              "y": -0.42963780949344255
-            }
-          }
-        },
-        {
-          "ID": "3955",
-          "typeID": "Arrow",
-          "zOrder": "123",
-          "w": "119",
-          "h": "59",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "842",
-          "y": "1707",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": -0.047010684241513445,
-              "y": 58.44770687617847
-            },
-            "p1": {
-              "x": 0.5673179018899986,
-              "y": -0.10798471012953849
-            },
-            "p2": {
-              "x": 119.02424427805772,
-              "y": -0.40360304771661504
-            }
-          }
-        },
-        {
-          "ID": "3956",
-          "typeID": "Arrow",
-          "zOrder": "124",
-          "w": "133",
-          "h": "3",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "843",
-          "y": "1774",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.3216244302676614,
-              "y": 2.5026931357795092
-            },
-            "p1": {
-              "x": 0.4743412204498641,
-              "y": -0.008947430290275333
-            },
-            "p2": {
-              "x": 133,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3957",
-          "typeID": "__group__",
-          "zOrder": "125",
-          "measuredW": "225",
-          "measuredH": "50",
-          "w": "225",
-          "h": "50",
-          "x": "944",
-          "y": "1749",
-          "properties": {
-            "controlName": "102-build-tools:linters-formatters"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "225",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "176",
-                  "measuredH": "25",
-                  "x": "25",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "Linters and Formatters"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3958",
-          "typeID": "__group__",
-          "zOrder": "126",
-          "measuredW": "155",
-          "measuredH": "49",
-          "w": "155",
-          "h": "49",
-          "x": "1217",
-          "y": "1755",
-          "properties": {
-            "controlName": "100-build-tools:linters-formatters:prettier"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "66",
-                  "measuredW": "58",
-                  "measuredH": "25",
-                  "x": "44",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Prettier"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "131",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "131",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10066329"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3959",
-          "typeID": "__group__",
-          "zOrder": "127",
-          "measuredW": "155",
-          "measuredH": "49",
-          "w": "155",
-          "h": "49",
-          "x": "1217",
-          "y": "1808",
-          "properties": {
-            "controlName": "101-build-tools:linters-formatters:eslint"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "53",
-                  "measuredW": "51",
-                  "measuredH": "25",
-                  "x": "46",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "ESLint"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "131",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "131",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10066329"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3960",
-          "typeID": "Arrow",
-          "zOrder": "128",
-          "w": "90",
-          "h": "2",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1146",
-          "y": "1717",
-          "properties": {
-            "color": "2848996",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.4213496222886306,
-              "y": 0.18497710519682187
-            },
-            "p1": {
-              "x": 0.4310686842693701,
-              "y": -0.01854562577101436
-            },
-            "p2": {
-              "x": 90.75126717989497,
-              "y": 1.553612219705883
-            }
-          }
-        },
-        {
-          "ID": "3961",
-          "typeID": "__group__",
-          "zOrder": "129",
-          "measuredW": "211",
-          "measuredH": "50",
-          "w": "211",
-          "h": "50",
-          "x": "649",
-          "y": "1749",
-          "properties": {
-            "controlName": "110-build-tools"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "211",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "83",
-                  "measuredH": "25",
-                  "x": "64",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "Build Tools"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3962",
-          "typeID": "__group__",
-          "zOrder": "130",
-          "measuredW": "225",
-          "measuredH": "50",
-          "w": "225",
-          "h": "50",
-          "x": "944",
-          "y": "1693",
-          "properties": {
-            "controlName": "100-build-tools:task-runners"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "225",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "105",
-                  "measuredH": "25",
-                  "x": "60",
-                  "y": "14",
-                  "properties": {
-                    "size": "17",
-                    "text": "Task Runners"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3963",
-          "typeID": "__group__",
-          "zOrder": "131",
-          "measuredW": "156",
-          "measuredH": "49",
-          "w": "156",
-          "h": "49",
-          "x": "1217",
-          "y": "1693",
-          "properties": {
-            "controlName": "100-build-tools:task-runners:npm-scripts"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "89",
-                  "measuredH": "25",
-                  "x": "24",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "npm scripts"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "132",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "132",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3964",
-          "typeID": "__group__",
-          "zOrder": "132",
-          "measuredW": "158",
-          "measuredH": "40",
-          "w": "158",
-          "h": "40",
-          "x": "1216",
-          "y": "1552",
-          "properties": {
-            "controlName": "100-build-tools:module-bundlers:webpack"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "w": "72",
-                  "measuredW": "72",
-                  "measuredH": "25",
-                  "x": "52",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Webpack"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "TextArea",
-                  "zOrder": "1",
-                  "w": "148",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "measuredW": "72",
-                  "measuredH": "25",
-                  "x": "42",
-                  "y": "7",
-                  "properties": {
-                    "text": "Webpack",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3965",
-          "typeID": "__group__",
-          "zOrder": "133",
-          "measuredW": "158",
-          "measuredH": "40",
-          "w": "158",
-          "h": "40",
-          "x": "1216",
-          "y": "1596",
-          "properties": {
-            "controlName": "102-build-tools:module-bundlers:rollup"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "w": "46",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "65",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Rollup"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "TextArea",
-                  "zOrder": "1",
-                  "w": "147",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "w": "63",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "55",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Rollup"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "6",
-                  "typeID": "Icon",
-                  "zOrder": "5",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3966",
-          "typeID": "__group__",
-          "zOrder": "134",
-          "measuredW": "158",
-          "measuredH": "40",
-          "w": "158",
-          "h": "40",
-          "x": "1216",
-          "y": "1641",
-          "properties": {
-            "controlName": "103-build-tools:module-bundlers:parcel"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "w": "46",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "65",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Parcel"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "TextArea",
-                  "zOrder": "1",
-                  "w": "146",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "w": "63",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "55",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Parcel"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "5",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3967",
-          "typeID": "__group__",
-          "zOrder": "135",
-          "measuredW": "225",
-          "measuredH": "50",
-          "w": "225",
-          "h": "50",
-          "x": "944",
-          "y": "1635",
-          "properties": {
-            "controlName": "101-build-tools:module-bundlers"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "225",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "131",
-                  "measuredH": "25",
-                  "x": "47",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "Module Bundlers"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3968",
-          "typeID": "__group__",
-          "zOrder": "136",
-          "measuredW": "159",
-          "measuredH": "40",
-          "w": "159",
-          "h": "40",
-          "x": "1215",
-          "y": "1508",
-          "properties": {
-            "controlName": "101-build-tools:module-bundlers:esbuild"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "w": "72",
-                  "measuredW": "72",
-                  "measuredH": "25",
-                  "x": "52",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Webpack"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "TextArea",
-                  "zOrder": "1",
-                  "w": "149",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "measuredW": "55",
-                  "measuredH": "25",
-                  "x": "50",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "esbuild"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "8",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3969",
-          "typeID": "__group__",
-          "zOrder": "137",
-          "measuredW": "159",
-          "measuredH": "40",
-          "w": "159",
-          "h": "40",
-          "x": "1215",
-          "y": "1464",
-          "properties": {
-            "controlName": "104-build-tools:module-bundlers:vite"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Label",
-                  "zOrder": "0",
-                  "w": "46",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "65",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Parcel"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "TextArea",
-                  "zOrder": "1",
-                  "w": "151",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "measuredW": "30",
-                  "measuredH": "25",
-                  "x": "53",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Vite"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "7",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "7",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "5",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "7",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3970",
-          "typeID": "Arrow",
-          "zOrder": "138",
-          "w": "125",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1121",
-          "y": "1915",
-          "properties": {
-            "color": "10027263",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 125.56361173667028,
-              "y": -0.3742069550698943
-            },
-            "p1": {
-              "x": 0.49341099681910183,
-              "y": -0.0011566902135745852
-            },
-            "p2": {
-              "x": 0.22735346207707607,
-              "y": 0.6688981505619722
-            }
-          }
-        },
-        {
-          "ID": "3971",
-          "typeID": "__group__",
-          "zOrder": "139",
-          "measuredW": "217",
-          "measuredH": "50",
-          "w": "217",
-          "h": "50",
-          "x": "947",
-          "y": "1891",
-          "properties": {
-            "controlName": "115-testing-your-apps"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "217",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "144",
-                  "measuredH": "26",
-                  "x": "37",
-                  "y": "12",
-                  "properties": {
-                    "size": "18",
-                    "text": "Testing your Apps"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3972",
-          "typeID": "__group__",
-          "zOrder": "140",
-          "measuredW": "149",
-          "measuredH": "49",
-          "w": "149",
-          "h": "49",
-          "x": "1221",
-          "y": "1944",
-          "properties": {
-            "controlName": "100-testing-your-apps:jest"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "137",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "39",
-                  "measuredW": "33",
-                  "measuredH": "25",
-                  "x": "49",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Jest"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "125",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "125",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3973",
-          "typeID": "__group__",
-          "zOrder": "141",
-          "measuredW": "153",
-          "measuredH": "49",
-          "w": "153",
-          "h": "49",
-          "x": "1221",
-          "y": "2062",
-          "properties": {
-            "controlName": "102-testing-your-apps:cypress"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "141",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "63",
-                  "measuredH": "25",
-                  "x": "43",
-                  "y": "12",
-                  "properties": {
-                    "text": "Cypress",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "129",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "129",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3974",
-          "typeID": "__group__",
-          "zOrder": "142",
-          "measuredW": "150",
-          "measuredH": "49",
-          "w": "150",
-          "h": "49",
-          "x": "1221",
-          "y": "2009",
-          "properties": {
-            "controlName": "104-testing-your-apps:playwright"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "139",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "78",
-                  "measuredH": "25",
-                  "x": "31",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Playwright"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "126",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "126",
-                  "y": "13",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3975",
-          "typeID": "__group__",
-          "zOrder": "143",
-          "measuredW": "148",
-          "measuredH": "49",
-          "w": "148",
-          "h": "49",
-          "x": "1221",
-          "y": "1891",
-          "properties": {
-            "controlName": "101-testing-your-apps:vitest"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "137",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "44",
-                  "measuredH": "25",
-                  "x": "47",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Vitest"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "124",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "124",
-                  "y": "13",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3976",
-          "typeID": "Label",
-          "zOrder": "144",
-          "w": "349",
-          "measuredW": "328",
-          "measuredH": "25",
-          "x": "800",
-          "y": "2061",
-          "properties": {
-            "size": "17",
-            "text": "and {color:purple}Functional{color} tests and learn how to write"
-          }
-        },
-        {
-          "ID": "3977",
-          "typeID": "Label",
-          "zOrder": "145",
-          "w": "302",
-          "measuredW": "286",
-          "measuredH": "25",
-          "x": "799",
-          "y": "2090",
-          "properties": {
-            "size": "17",
-            "text": "them with the tools listed on the right."
-          }
-        },
-        {
-          "ID": "3978",
-          "typeID": "Label",
-          "zOrder": "146",
-          "w": "362",
-          "measuredW": "361",
-          "measuredH": "25",
-          "x": "799",
-          "y": "2031",
-          "properties": {
-            "size": "17",
-            "text": "Learn the difference between {color:purple}Unit{color}, {color:purple}Integration{color}, "
-          }
-        },
-        {
-          "ID": "3979",
-          "typeID": "__group__",
-          "zOrder": "147",
-          "measuredW": "401",
-          "measuredH": "87",
-          "w": "401",
-          "h": "87",
-          "x": "279",
-          "y": "1884",
-          "properties": {
-            "controlName": "116-auth-strategies"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "401",
-                  "h": "87",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "227",
-                  "measuredH": "28",
-                  "x": "87",
-                  "y": "16",
-                  "properties": {
-                    "size": "20",
-                    "text": "Authentication Strategies"
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Label",
-                  "zOrder": "2",
-                  "measuredW": "353",
-                  "measuredH": "25",
-                  "x": "24",
-                  "y": "46",
-                  "properties": {
-                    "size": "17",
-                    "text": "JWT, OAuth, SSO, Basic Auth, Session Auth etc"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3980",
-          "typeID": "__group__",
-          "zOrder": "148",
-          "measuredW": "152",
-          "measuredH": "49",
-          "w": "152",
-          "h": "49",
-          "x": "843",
-          "y": "1548",
-          "properties": {
-            "controlName": "104-pick-a-framework:qwik"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "145",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "37",
-                  "measuredH": "25",
-                  "x": "61",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Qwik"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3981",
-          "typeID": "Arrow",
-          "zOrder": "149",
-          "w": "104",
-          "h": "42",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "677",
-          "y": "2233",
-          "properties": {
-            "color": "10027263",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 42
-            },
-            "p1": {
-              "x": 0.5352906012725183,
-              "y": -0.09566221241108655
-            },
-            "p2": {
-              "x": 104,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3982",
-          "typeID": "Arrow",
-          "zOrder": "150",
-          "w": "127",
-          "h": "4",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "665",
-          "y": "2283",
-          "properties": {
-            "color": "10027263",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0,
-              "y": 4
-            },
-            "p1": {
-              "x": 0.32155722155275035,
-              "y": -0.0015310492462985268
-            },
-            "p2": {
-              "x": 127,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "3983",
-          "typeID": "Arrow",
-          "zOrder": "151",
-          "w": "109",
-          "h": "31",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "670",
-          "y": "2298",
-          "properties": {
-            "color": "10027263",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 0.06468415565370833,
-              "y": 0.24587201583790375
-            },
-            "p1": {
-              "x": 0.5281804260757769,
-              "y": 0.09336184593660918
-            },
-            "p2": {
-              "x": 108.63607145602293,
-              "y": 31.090016135261067
-            }
-          }
-        },
-        {
-          "ID": "3984",
-          "typeID": "__group__",
-          "zOrder": "152",
-          "measuredW": "238",
-          "measuredH": "60",
-          "w": "238",
-          "h": "60",
-          "x": "457",
-          "y": "2247",
-          "properties": {
-            "controlName": "113-web-components"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "230",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "10",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "137",
-                  "measuredH": "25",
-                  "x": "44",
-                  "y": "23",
-                  "properties": {
-                    "size": "17",
-                    "text": "Web Components"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "214",
-                  "y": "0",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "214",
-                  "y": "0",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3985",
-          "typeID": "__group__",
-          "zOrder": "153",
-          "measuredW": "199",
-          "measuredH": "40",
-          "w": "199",
-          "h": "40",
-          "x": "772",
-          "y": "2215",
-          "properties": {
-            "controlName": "100-web-components:html-templates"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "190",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "132",
-                  "measuredW": "131",
-                  "measuredH": "25",
-                  "x": "30",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "HTML Templates"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "175",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "175",
-                  "y": "8",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3986",
-          "typeID": "__group__",
-          "zOrder": "154",
-          "measuredW": "199",
-          "measuredH": "40",
-          "w": "199",
-          "h": "40",
-          "x": "772",
-          "y": "2261",
-          "properties": {
-            "controlName": "101-web-components:custom-elements"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "190",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "139",
-                  "measuredW": "136",
-                  "measuredH": "25",
-                  "x": "30",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Custom Elements"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "175",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "175",
-                  "y": "8",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3987",
-          "typeID": "__group__",
-          "zOrder": "155",
-          "measuredW": "199",
-          "measuredH": "40",
-          "w": "199",
-          "h": "40",
-          "x": "772",
-          "y": "2306",
-          "properties": {
-            "controlName": "102-web-components:shadow-dom"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "190",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "105",
-                  "measuredW": "105",
-                  "measuredH": "25",
-                  "x": "38",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Shadow DOM"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "175",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "175",
-                  "y": "8",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3988",
-          "typeID": "Arrow",
-          "zOrder": "156",
-          "w": "1",
-          "h": "162",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "224",
-          "y": "2292",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.18256012290817125
-            },
-            "p1": {
-              "x": 0.4437541587082093,
-              "y": -0.00008705358532379577
-            },
-            "p2": {
-              "x": 0,
-              "y": 161.4730971406957
-            }
-          }
-        },
-        {
-          "ID": "3989",
-          "typeID": "__group__",
-          "zOrder": "157",
-          "measuredW": "213",
-          "measuredH": "50",
-          "w": "213",
-          "h": "50",
-          "x": "162",
-          "y": "2356",
-          "properties": {
-            "controlName": "116-type-checkers"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "203",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "10",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "115",
-                  "measuredH": "25",
-                  "x": "54",
-                  "y": "13",
-                  "properties": {
-                    "size": "17",
-                    "text": "Type Checkers"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3990",
-          "typeID": "__group__",
-          "zOrder": "158",
-          "measuredW": "206",
-          "measuredH": "57",
-          "w": "206",
-          "h": "57",
-          "x": "412",
-          "y": "2348",
-          "properties": {
-            "controlName": "100-type-checkers:typescript"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "199",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "8",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "91",
-                  "measuredW": "81",
-                  "measuredH": "25",
-                  "x": "54",
-                  "y": "20",
-                  "properties": {
-                    "size": "17",
-                    "text": "TypeScript"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "182",
-                  "y": "0",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "182",
-                  "y": "0",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "156",
-                  "y": "0",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "5",
-                  "typeID": "Icon",
-                  "zOrder": "5",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "156",
-                  "y": "0",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3991",
-          "typeID": "Arrow",
-          "zOrder": "159",
-          "w": "1122",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "224",
-          "y": "2453",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 1
-            },
-            "p1": {
-              "x": 0.4446546885461915,
-              "y": 0.0007404118850237803
-            },
-            "p2": {
-              "x": 1122.1683232534074,
-              "y": 1
-            }
-          }
-        },
-        {
-          "ID": "3992",
-          "typeID": "Arrow",
-          "zOrder": "160",
-          "w": "65",
-          "h": "2",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1207",
-          "y": "2358",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "leftArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4807692307692308,
-              "y": -0.01923076923076923
-            },
-            "p2": {
-              "x": 64,
-              "y": 1
-            },
-            "rightArrow": "false",
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3993",
-          "typeID": "Arrow",
-          "zOrder": "161",
-          "w": "78",
-          "h": "37",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1184",
-          "y": "2173",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 77.65536836618821,
-              "y": 0.4082685363341625
-            },
-            "p1": {
-              "x": 0.480726015557477,
-              "y": 0.1446845289541909
-            },
-            "p2": {
-              "x": 0.03815966742740784,
-              "y": 36.87863921953385
-            }
-          }
-        },
-        {
-          "ID": "3994",
-          "typeID": "Arrow",
-          "zOrder": "162",
-          "w": "97",
-          "h": "2",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1200",
-          "y": "2221",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 96.5324984379306,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4835193355826628,
-              "y": 0.007267064624967576
-            },
-            "p2": {
-              "x": -0.0834087691514469,
-              "y": 1.8700832259696654
-            }
-          }
-        },
-        {
-          "ID": "3995",
-          "typeID": "Arrow",
-          "zOrder": "163",
-          "w": "65",
-          "h": "4",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1206",
-          "y": "2264",
-          "properties": {
-            "color": "2848996",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 3
-            },
-            "p1": {
-              "x": 0.4807692307692308,
-              "y": -0.01923076923076923
-            },
-            "p2": {
-              "x": 64,
-              "y": 0
-            },
-            "rightArrow": "false",
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3996",
-          "typeID": "Arrow",
-          "zOrder": "164",
-          "w": "65",
-          "h": "2",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1207",
-          "y": "2311",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "leftArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.4807692307692308,
-              "y": -0.01923076923076923
-            },
-            "p2": {
-              "x": 64,
-              "y": 1
-            },
-            "rightArrow": "false",
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "3997",
-          "typeID": "__group__",
-          "zOrder": "165",
-          "measuredW": "285",
-          "measuredH": "59",
-          "w": "285",
-          "h": "59",
-          "x": "978",
-          "y": "2420",
-          "properties": {
-            "controlName": "118-server-side-rendering"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "278",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "9",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "225",
-                  "measuredH": "25",
-                  "x": "29",
-                  "y": "22",
-                  "properties": {
-                    "size": "17",
-                    "text": "Server Side Rendering (SSR)"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3998",
-          "typeID": "__group__",
-          "zOrder": "166",
-          "measuredW": "125",
-          "measuredH": "41",
-          "w": "125",
-          "h": "41",
-          "x": "1096",
-          "y": "2201",
-          "properties": {
-            "controlName": "100-server-side-rendering:react-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "116",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "47",
-                  "measuredH": "25",
-                  "x": "34",
-                  "y": "8",
-                  "properties": {
-                    "text": "React",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "101",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "101",
-                  "y": "9",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "3999",
-          "typeID": "__group__",
-          "zOrder": "167",
-          "measuredW": "116",
-          "measuredH": "41",
-          "w": "116",
-          "h": "41",
-          "x": "1255",
-          "y": "2156",
-          "properties": {
-            "controlName": "100-server-side-rendering:react-js:next-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "106",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "52",
-                  "measuredH": "25",
-                  "x": "27",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Next.js"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "92",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "92",
-                  "y": "9",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4000",
-          "typeID": "__group__",
-          "zOrder": "168",
-          "measuredW": "127",
-          "measuredH": "41",
-          "w": "127",
-          "h": "41",
-          "x": "1096",
-          "y": "2246",
-          "properties": {
-            "controlName": "101-server-side-rendering:angular"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "119",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "69",
-                  "measuredW": "59",
-                  "measuredH": "25",
-                  "x": "35",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Angular"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "103",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "103",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "103",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4001",
-          "typeID": "__group__",
-          "zOrder": "169",
-          "measuredW": "121",
-          "measuredH": "41",
-          "w": "121",
-          "h": "41",
-          "x": "1255",
-          "y": "2246",
-          "properties": {
-            "controlName": "100-server-side-rendering:angular:universal"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "111",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "73",
-                  "measuredW": "72",
-                  "measuredH": "25",
-                  "x": "19",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Universal"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "97",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "97",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "97",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4002",
-          "typeID": "__group__",
-          "zOrder": "170",
-          "measuredW": "127",
-          "measuredH": "41",
-          "w": "127",
-          "h": "41",
-          "x": "1098",
-          "y": "2292",
-          "properties": {
-            "controlName": "102-server-side-rendering:vue-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "118",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "48",
-                  "measuredW": "45",
-                  "measuredH": "25",
-                  "x": "37",
-                  "y": "8",
-                  "properties": {
-                    "text": "Vue.js",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "103",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "103",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "103",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4003",
-          "typeID": "__group__",
-          "zOrder": "171",
-          "measuredW": "122",
-          "measuredH": "41",
-          "w": "122",
-          "h": "41",
-          "x": "1253",
-          "y": "2292",
-          "properties": {
-            "controlName": "100-server-side-rendering:vue-js:nuxt-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "111",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "55",
-                  "measuredW": "52",
-                  "measuredH": "25",
-                  "x": "28",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Nuxt.js"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "98",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "98",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "98",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4004",
-          "typeID": "__group__",
-          "zOrder": "172",
-          "measuredW": "116",
-          "measuredH": "41",
-          "w": "116",
-          "h": "41",
-          "x": "1255",
-          "y": "2201",
-          "properties": {
-            "controlName": "101-server-side-rendering:react-js:remix"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "106",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "28",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Remix"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "92",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "92",
-                  "y": "9",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4005",
-          "typeID": "__group__",
-          "zOrder": "173",
-          "measuredW": "128",
-          "measuredH": "40",
-          "w": "128",
-          "h": "40",
-          "x": "1098",
-          "y": "2338",
-          "properties": {
-            "controlName": "103-server-side-rendering:svelte"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "119",
-                  "h": "40",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "48",
-                  "measuredH": "25",
-                  "x": "36",
-                  "y": "7",
-                  "properties": {
-                    "size": "17",
-                    "text": "Svelte"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "104",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "104",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "104",
-                  "y": "8",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4006",
-          "typeID": "__group__",
-          "zOrder": "174",
-          "measuredW": "122",
-          "measuredH": "41",
-          "w": "122",
-          "h": "41",
-          "x": "1254",
-          "y": "2337",
-          "properties": {
-            "controlName": "100-server-side-rendering:svelte:svelte-kit"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "111",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "73",
-                  "measuredH": "25",
-                  "x": "17",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Svelte Kit"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "98",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "98",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "98",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4007",
-          "typeID": "Arrow",
-          "zOrder": "175",
-          "w": "1",
-          "h": "264",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1346",
-          "y": "2454",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": -0.18256012290817125
-            },
-            "p1": {
-              "x": 0.4437541587082094,
-              "y": -0.00008705358532379577
-            },
-            "p2": {
-              "x": 0,
-              "y": 263.44892105965255
-            }
-          }
-        },
-        {
-          "ID": "4008",
-          "typeID": "Arrow",
-          "zOrder": "176",
-          "w": "112",
-          "h": "38",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1128",
-          "y": "2566",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 112.50398196586139,
-              "y": 0.4821067591024075
-            },
-            "p1": {
-              "x": 0.5064432989690714,
-              "y": -0.10824742268041054
-            },
-            "p2": {
-              "x": 0.2446976954972797,
-              "y": 37.3892687110033
-            }
-          }
-        },
-        {
-          "ID": "4009",
-          "typeID": "Arrow",
-          "zOrder": "177",
-          "w": "117",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "1119",
-          "y": "2551",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 116.89058672187377,
-              "y": 0.1041226124775676
-            },
-            "p1": {
-              "x": 0.4835193355826629,
-              "y": 0.007267064624967576
-            },
-            "p2": {
-              "x": 0.017907207522057433,
-              "y": 0.1041226124775676
-            }
-          }
-        },
-        {
-          "ID": "4010",
-          "typeID": "__group__",
-          "zOrder": "178",
-          "measuredW": "175",
-          "measuredH": "41",
-          "w": "175",
-          "h": "41",
-          "x": "972",
-          "y": "2530",
-          "properties": {
-            "controlName": "100-graphql:apollo"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "167",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "49",
-                  "measuredW": "48",
-                  "measuredH": "25",
-                  "x": "58",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Apollo"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4011",
-          "typeID": "__group__",
-          "zOrder": "179",
-          "measuredW": "152",
-          "measuredH": "50",
-          "w": "152",
-          "h": "50",
-          "x": "1224",
-          "y": "2530",
-          "properties": {
-            "controlName": "119-graphql"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "146",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "71",
-                  "measuredH": "25",
-                  "x": "37",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "GraphQL"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "128",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "128",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4012",
-          "typeID": "__group__",
-          "zOrder": "180",
-          "measuredW": "175",
-          "measuredH": "41",
-          "w": "175",
-          "h": "41",
-          "x": "973",
-          "y": "2577",
-          "properties": {
-            "controlName": "101-graphql:relay-modern"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "168",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "115",
-                  "measuredW": "107",
-                  "measuredH": "25",
-                  "x": "40",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Relay Modern"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4013",
-          "typeID": "Arrow",
-          "zOrder": "181",
-          "w": "437",
-          "h": "2",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "328",
-          "y": "2709",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "p0": {
-              "x": 437,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.47704880470480404,
-              "y": 0.005193614908729856
-            },
-            "p2": {
-              "x": -0.46812805984393435,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "4014",
-          "typeID": "__group__",
-          "zOrder": "182",
-          "measuredW": "247",
-          "measuredH": "50",
-          "w": "247",
-          "h": "50",
-          "x": "729",
-          "y": "2685",
-          "properties": {
-            "controlName": "117-progressive-web-apps"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "241",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "6",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "172",
-                  "measuredH": "25",
-                  "x": "41",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Progressive Web Apps"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4015",
-          "typeID": "Canvas",
-          "zOrder": "183",
-          "w": "228",
-          "h": "428",
-          "measuredW": "100",
-          "measuredH": "70",
-          "x": "167",
-          "y": "2511"
-        },
-        {
-          "ID": "4016",
-          "typeID": "__group__",
-          "zOrder": "184",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2639",
-          "properties": {
-            "controlName": "103-progressive-web-apps:service-workers"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "147",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "text": "Service Workers",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4017",
-          "typeID": "__group__",
-          "zOrder": "185",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2527",
-          "properties": {
-            "controlName": "100-progressive-web-apps:storage"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "78",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "text": "Storage",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4018",
-          "typeID": "__group__",
-          "zOrder": "186",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2677",
-          "properties": {
-            "controlName": "104-progressive-web-apps:location"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "84",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16770457",
-                    "text": "Location",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4019",
-          "typeID": "__group__",
-          "zOrder": "187",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2714",
-          "properties": {
-            "controlName": "105-progressive-web-apps:notifications"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "115",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16770457",
-                    "text": "Notifications",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4020",
-          "typeID": "__group__",
-          "zOrder": "188",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2752",
-          "properties": {
-            "controlName": "106-progressive-web-apps:device-orientation"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "167",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16770457",
-                    "text": "Device Orientation",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4021",
-          "typeID": "__group__",
-          "zOrder": "189",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2789",
-          "properties": {
-            "controlName": "107-progressive-web-apps:payments"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "94",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16770457",
-                    "text": "Payments",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4022",
-          "typeID": "__group__",
-          "zOrder": "190",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2827",
-          "properties": {
-            "controlName": "108-progressive-web-apps:credentials"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "108",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16770457",
-                    "text": "Credentials",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4023",
-          "typeID": "__group__",
-          "zOrder": "191",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2564",
-          "properties": {
-            "controlName": "101-progressive-web-apps:web-sockets"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "120",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "text": "Web Sockets",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4024",
-          "typeID": "Label",
-          "zOrder": "192",
-          "w": "156",
-          "measuredW": "151",
-          "measuredH": "25",
-          "x": "203",
-          "y": "2872",
-          "properties": {
-            "size": "17",
-            "text": "Learn different Web"
-          }
-        },
-        {
-          "ID": "4025",
-          "typeID": "Label",
-          "zOrder": "193",
-          "w": "148",
-          "measuredW": "143",
-          "measuredH": "25",
-          "x": "207",
-          "y": "2898",
-          "properties": {
-            "size": "17",
-            "text": "APIs used in PWAs"
-          }
-        },
-        {
-          "ID": "4026",
-          "typeID": "Icon",
-          "zOrder": "194",
-          "measuredW": "24",
-          "measuredH": "24",
-          "x": "158",
-          "y": "2520",
-          "properties": {
-            "color": "16777215",
-            "icon": {
-              "ID": "circle",
-              "size": "small"
-            }
-          }
-        },
-        {
-          "ID": "4027",
-          "typeID": "Icon",
-          "zOrder": "195",
-          "measuredW": "24",
-          "measuredH": "24",
-          "x": "158",
-          "y": "2520",
-          "properties": {
-            "color": "10066329",
-            "icon": {
-              "ID": "check-circle",
-              "size": "small"
-            }
-          }
-        },
-        {
-          "ID": "4028",
-          "typeID": "__group__",
-          "zOrder": "196",
-          "measuredW": "192",
-          "measuredH": "32",
-          "w": "192",
-          "h": "32",
-          "x": "185",
-          "y": "2602",
-          "properties": {
-            "controlName": "102-progressive-web-apps:server-sent-events"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "192",
-                  "measuredW": "170",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "text": "Server Sent Events",
-                    "size": "18"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4029",
-          "typeID": "Canvas",
-          "zOrder": "197",
-          "w": "262",
-          "h": "281",
-          "measuredW": "100",
-          "measuredH": "70",
-          "x": "419",
-          "y": "2509"
-        },
-        {
-          "ID": "4030",
-          "typeID": "__group__",
-          "zOrder": "198",
-          "measuredW": "225",
-          "measuredH": "32",
-          "w": "225",
-          "h": "32",
-          "x": "439",
-          "y": "2528",
-          "properties": {
-            "controlName": "109-progressive-web-apps:prpl-pattern"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "225",
-                  "measuredW": "124",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "size": "18",
-                    "text": "PRPL Pattern"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4031",
-          "typeID": "__group__",
-          "zOrder": "199",
-          "measuredW": "225",
-          "measuredH": "32",
-          "w": "225",
-          "h": "32",
-          "x": "439",
-          "y": "2566",
-          "properties": {
-            "controlName": "110-progressive-web-apps:rail-model"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "225",
-                  "measuredW": "110",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "size": "18",
-                    "text": "RAIL Model"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4032",
-          "typeID": "__group__",
-          "zOrder": "200",
-          "measuredW": "225",
-          "measuredH": "32",
-          "w": "225",
-          "h": "32",
-          "x": "439",
-          "y": "2604",
-          "properties": {
-            "controlName": "111-progressive-web-apps:performance-metrics"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "225",
-                  "measuredW": "185",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "size": "18",
-                    "text": "Performance Metrics"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4033",
-          "typeID": "__group__",
-          "zOrder": "201",
-          "measuredW": "225",
-          "measuredH": "32",
-          "w": "225",
-          "h": "32",
-          "x": "439",
-          "y": "2641",
-          "properties": {
-            "controlName": "112-progressive-web-apps:lighthouse"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "225",
-                  "measuredW": "156",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "size": "18",
-                    "text": "Using Lighthouse"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4034",
-          "typeID": "__group__",
-          "zOrder": "202",
-          "measuredW": "225",
-          "measuredH": "32",
-          "w": "225",
-          "h": "32",
-          "x": "439",
-          "y": "2679",
-          "properties": {
-            "controlName": "113-progressive-web-apps:browser-devtools"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextInput",
-                  "zOrder": "0",
-                  "w": "225",
-                  "measuredW": "141",
-                  "measuredH": "32",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "align": "center",
-                    "color": "16776960",
-                    "size": "18",
-                    "text": "Using DevTools"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4035",
-          "typeID": "Label",
-          "zOrder": "203",
-          "w": "185",
-          "measuredW": "176",
-          "measuredH": "25",
-          "x": "459",
-          "y": "2724",
-          "properties": {
-            "size": "17",
-            "text": "Calculating, Measuring"
-          }
-        },
-        {
-          "ID": "4036",
-          "typeID": "Label",
-          "zOrder": "204",
-          "w": "224",
-          "measuredW": "212",
-          "measuredH": "25",
-          "x": "439",
-          "y": "2751",
-          "properties": {
-            "size": "17",
-            "text": "and improving performance"
-          }
-        },
-        {
-          "ID": "4037",
-          "typeID": "Icon",
-          "zOrder": "205",
-          "measuredW": "24",
-          "measuredH": "24",
-          "x": "412",
-          "y": "2520",
-          "properties": {
-            "color": "16777215",
-            "icon": {
-              "ID": "circle",
-              "size": "small"
-            }
-          }
-        },
-        {
-          "ID": "4038",
-          "typeID": "Icon",
-          "zOrder": "206",
-          "measuredW": "24",
-          "measuredH": "24",
-          "x": "412",
-          "y": "2520",
-          "properties": {
-            "color": "10066329",
-            "icon": {
-              "ID": "check-circle",
-              "size": "small"
-            }
-          }
-        },
-        {
-          "ID": "4039",
-          "typeID": "__group__",
-          "zOrder": "207",
-          "measuredW": "262",
-          "measuredH": "47",
-          "w": "262",
-          "h": "47",
-          "x": "419",
-          "y": "2795",
-          "properties": {
-            "controlName": "ext_link:roadmap.sh/best-practices/frontend-performance"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "Canvas",
-                  "zOrder": "0",
-                  "w": "262",
-                  "h": "47",
-                  "measuredW": "100",
-                  "measuredH": "70",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "4273622",
-                    "borderColor": "4273622"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "216",
-                  "measuredH": "25",
-                  "x": "23",
-                  "y": "11",
-                  "properties": {
-                    "size": "17",
-                    "text": "Performance Best Practices",
-                    "color": "16777215"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4040",
-          "typeID": "__group__",
-          "zOrder": "208",
-          "measuredW": "327",
-          "measuredH": "50",
-          "w": "327",
-          "h": "50",
-          "x": "1049",
-          "y": "2689",
-          "properties": {
-            "controlName": "120-static-site-generators"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "319",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "169",
-                  "measuredH": "25",
-                  "x": "75",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Static Site Generators"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "303",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "303",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4041",
-          "typeID": "__group__",
-          "zOrder": "209",
-          "measuredW": "157",
-          "measuredH": "41",
-          "w": "157",
-          "h": "41",
-          "x": "1212",
-          "y": "2865",
-          "properties": {
-            "controlName": "100-static-site-generators:next-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "58",
-                  "measuredW": "52",
-                  "measuredH": "25",
-                  "x": "45",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Next.js"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "133",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "133",
-                  "y": "9",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4042",
-          "typeID": "__group__",
-          "zOrder": "210",
-          "measuredW": "156",
-          "measuredH": "41",
-          "w": "156",
-          "h": "41",
-          "x": "1048",
-          "y": "2912",
-          "properties": {
-            "controlName": "102-static-site-generators:nuxt-js"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "9",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "56",
-                  "measuredW": "52",
-                  "measuredH": "25",
-                  "x": "55",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Nuxt.js"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4043",
-          "typeID": "__group__",
-          "zOrder": "211",
-          "measuredW": "156",
-          "measuredH": "41",
-          "w": "156",
-          "h": "41",
-          "x": "1048",
-          "y": "2775",
-          "properties": {
-            "controlName": "103-static-site-generators:vuepress"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "9",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "76",
-                  "measuredW": "72",
-                  "measuredH": "25",
-                  "x": "49",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Vuepress"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4044",
-          "typeID": "__group__",
-          "zOrder": "212",
-          "measuredW": "156",
-          "measuredH": "41",
-          "w": "156",
-          "h": "41",
-          "x": "1048",
-          "y": "2821",
-          "properties": {
-            "controlName": "104-static-site-generators:jekyll"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "9",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "49",
-                  "measuredW": "43",
-                  "measuredH": "25",
-                  "x": "61",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Jekyll"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4045",
-          "typeID": "__group__",
-          "zOrder": "213",
-          "measuredW": "156",
-          "measuredH": "41",
-          "w": "156",
-          "h": "41",
-          "x": "1048",
-          "y": "2867",
-          "properties": {
-            "controlName": "105-static-site-generators:hugo"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "9",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "43",
-                  "measuredW": "42",
-                  "measuredH": "25",
-                  "x": "61",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Hugo"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "4",
-                  "typeID": "Icon",
-                  "zOrder": "4",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "9",
-                  "properties": {
-                    "color": "3700253",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4046",
-          "typeID": "__group__",
-          "zOrder": "214",
-          "measuredW": "157",
-          "measuredH": "41",
-          "w": "157",
-          "h": "41",
-          "x": "1211",
-          "y": "2820",
-          "properties": {
-            "controlName": "107-static-site-generators:eleventy"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457",
-                    "align": "center",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Icon",
-                  "zOrder": "1",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "133",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "133",
-                  "y": "9",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Label",
-                  "zOrder": "3",
-                  "measuredW": "66",
-                  "measuredH": "25",
-                  "x": "41",
-                  "y": "8",
-                  "properties": {
-                    "text": "Eleventy",
-                    "size": "17"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4047",
-          "typeID": "__group__",
-          "zOrder": "215",
-          "measuredW": "159",
-          "measuredH": "41",
-          "w": "159",
-          "h": "41",
-          "x": "1210",
-          "y": "2911",
-          "properties": {
-            "controlName": "103-static-site-generators:remix"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "148",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "49",
-                  "measuredH": "25",
-                  "x": "49",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Remix"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "135",
-                  "y": "9",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4048",
-          "typeID": "__group__",
-          "zOrder": "216",
-          "measuredW": "157",
-          "measuredH": "41",
-          "w": "157",
-          "h": "41",
-          "x": "1212",
-          "y": "2775",
-          "properties": {
-            "controlName": "106-static-site-generators:astro"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "39",
-                  "measuredH": "25",
-                  "x": "54",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Astro"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "133",
-                  "y": "9",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "133",
-                  "y": "9",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "10027263"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4049",
-          "typeID": "__group__",
-          "zOrder": "217",
-          "measuredW": "220",
-          "measuredH": "50",
-          "w": "220",
-          "h": "50",
-          "x": "1151",
-          "y": "3034",
-          "properties": {
-            "controlName": "121-mobile-applications"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "210",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "150",
-                  "measuredH": "25",
-                  "x": "30",
-                  "y": "12",
-                  "properties": {
-                    "text": "Mobile Applications",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "196",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "196",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4050",
-          "typeID": "__group__",
-          "zOrder": "218",
-          "measuredW": "160",
-          "measuredH": "41",
-          "w": "160",
-          "h": "41",
-          "x": "1205",
-          "y": "3121",
-          "properties": {
-            "controlName": "100-mobile-applications:react-native"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "101",
-                  "measuredW": "100",
-                  "measuredH": "25",
-                  "x": "23",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "React Native"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "136",
-                  "y": "7",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "136",
-                  "y": "7",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4051",
-          "typeID": "__group__",
-          "zOrder": "219",
-          "measuredW": "158",
-          "measuredH": "41",
-          "w": "158",
-          "h": "41",
-          "x": "1205",
-          "y": "3254",
-          "properties": {
-            "controlName": "101-mobile-applications:nativescript"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "94",
-                  "measuredH": "25",
-                  "x": "27",
-                  "y": "8",
-                  "properties": {
-                    "text": "NativeScript",
-                    "size": "17"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "134",
-                  "y": "8",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4052",
-          "typeID": "__group__",
-          "zOrder": "220",
-          "measuredW": "160",
-          "measuredH": "41",
-          "w": "160",
-          "h": "41",
-          "x": "1205",
-          "y": "3165",
-          "properties": {
-            "controlName": "102-mobile-applications:flutter"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "53",
-                  "measuredW": "50",
-                  "measuredH": "25",
-                  "x": "47",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Flutter"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "136",
-                  "y": "7",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "136",
-                  "y": "7",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4053",
-          "typeID": "__group__",
-          "zOrder": "221",
-          "measuredW": "156",
-          "measuredH": "41",
-          "w": "156",
-          "h": "41",
-          "x": "1205",
-          "y": "3209",
-          "properties": {
-            "controlName": "103-mobile-applications:ionic"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "147",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "40",
-                  "measuredW": "38",
-                  "measuredH": "25",
-                  "x": "54",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Ionic"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "132",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "132",
-                  "y": "8",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4054",
-          "typeID": "__group__",
-          "zOrder": "222",
-          "measuredW": "248",
-          "measuredH": "50",
-          "w": "248",
-          "h": "50",
-          "x": "436",
-          "y": "3044",
-          "properties": {
-            "controlName": "122-desktop-applications"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "241",
-                  "h": "50",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "7",
-                  "y": "0",
-                  "properties": {
-                    "color": "16776960"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "162",
-                  "measuredH": "25",
-                  "x": "47",
-                  "y": "12",
-                  "properties": {
-                    "size": "17",
-                    "text": "Desktop Applications"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "13",
-                  "properties": {
-                    "color": "10066329",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4055",
-          "typeID": "__group__",
-          "zOrder": "223",
-          "measuredW": "198",
-          "measuredH": "41",
-          "w": "198",
-          "h": "41",
-          "x": "455",
-          "y": "2877",
-          "properties": {
-            "controlName": "100-desktop-applications:electron"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "188",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "10",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "w": "69",
-                  "measuredW": "65",
-                  "measuredH": "25",
-                  "x": "73",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Electron"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "7",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "7",
-                  "properties": {
-                    "color": "10027263",
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    }
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4056",
-          "typeID": "__group__",
-          "zOrder": "224",
-          "measuredW": "196",
-          "measuredH": "41",
-          "w": "196",
-          "h": "41",
-          "x": "457",
-          "y": "2923",
-          "properties": {
-            "controlName": "101-desktop-applications:tauri"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "188",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "38",
-                  "measuredH": "25",
-                  "x": "83",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Tauri"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "8",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4057",
-          "typeID": "__group__",
-          "zOrder": "225",
-          "measuredW": "197",
-          "measuredH": "41",
-          "w": "197",
-          "h": "41",
-          "x": "456",
-          "y": "2969",
-          "properties": {
-            "controlName": "102-desktop-applications:flutter"
-          },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "188",
-                  "h": "41",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "9",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "50",
-                  "measuredH": "25",
-                  "x": "78",
-                  "y": "8",
-                  "properties": {
-                    "size": "17",
-                    "text": "Flutter"
-                  }
-                },
-                {
-                  "ID": "2",
-                  "typeID": "Icon",
-                  "zOrder": "2",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "8",
-                  "properties": {
-                    "color": "16777215",
-                    "icon": {
-                      "ID": "circle",
-                      "size": "small"
-                    }
-                  }
-                },
-                {
-                  "ID": "3",
-                  "typeID": "Icon",
-                  "zOrder": "3",
-                  "measuredW": "24",
-                  "measuredH": "24",
-                  "x": "0",
-                  "y": "8",
-                  "properties": {
-                    "icon": {
-                      "ID": "check-circle",
-                      "size": "small"
-                    },
-                    "color": "3700253"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4059",
-          "typeID": "Arrow",
-          "zOrder": "226",
-          "w": "573",
-          "h": "1",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "281",
-          "y": "3182",
-          "properties": {
-            "color": "2848996",
-            "curvature": "-1",
-            "direction": "bottom",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0.42695876357902307,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.44465468854619133,
-              "y": 0.0007404118850237802
-            },
-            "p2": {
-              "x": 573.1253006284542,
-              "y": 0
-            }
-          }
-        },
-        {
-          "ID": "4060",
-          "typeID": "Arrow",
-          "zOrder": "227",
-          "w": "1",
-          "h": "112",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "854",
-          "y": "3182",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "p0": {
-              "x": 0,
-              "y": 0
-            },
-            "p1": {
-              "x": 0.5232912494558118,
-              "y": 0.0013060513713539393
-            },
-            "p2": {
-              "x": 0,
-              "y": 111.79170436678032
-            }
-          }
-        },
-        {
-          "ID": "4061",
-          "typeID": "Arrow",
-          "zOrder": "228",
-          "w": "2",
-          "h": "89",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "853",
-          "y": "3359",
-          "properties": {
-            "color": "2848996",
-            "curvature": "0",
-            "leftArrow": "false",
-            "p0": {
-              "x": 1,
-              "y": 88
-            },
-            "p1": {
-              "x": 0.4072427393330943,
-              "y": 0.00953746862674794
-            },
-            "p2": {
-              "x": 1,
-              "y": 0
-            },
-            "rightArrow": "false",
-            "stroke": "dotted"
-          }
-        },
-        {
-          "ID": "4062",
-          "typeID": "TextArea",
-          "zOrder": "229",
-          "w": "438",
-          "h": "118",
-          "measuredW": "200",
-          "measuredH": "140",
-          "x": "660",
-          "y": "3272"
-        },
-        {
-          "ID": "4063",
-          "typeID": "Label",
-          "zOrder": "230",
-          "measuredW": "366",
-          "measuredH": "25",
-          "x": "696",
-          "y": "3291",
-          "properties": {
-            "size": "17",
-            "text": "Continue Learning with following relevant tracks"
-          }
-        },
-        {
-          "ID": "4064",
-          "typeID": "__group__",
-          "zOrder": "231",
-          "measuredW": "198",
-          "measuredH": "44",
-          "w": "198",
-          "h": "44",
-          "x": "883",
-          "y": "3328",
-          "properties": {
-            "controlName": "ext_link:roadmap.sh/nodejs"
+  "nodes": [
+    {
+      "width": 220,
+      "height": 490,
+      "id": "0-AijuwIdYdGuiNnne4Yg",
+      "type": "paragraph",
+      "position": {
+        "x": -638.3075746114723,
+        "y": 2244.029159876233
+      },
+      "selected": false,
+      "data": {
+        "label": "",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-end",
+          "textAlign": "center",
+          "borderColor": "#000000",
+          "backgroundColor": "WHITe"
+        },
+        "oldId": "Tqv7Lj8TklDTrZH5_fmUf"
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 220,
+        "height": 490
+      },
+      "resizing": false,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -638.3075746114723,
+        "y": 2244.029159876233
+      },
+      "focusable": true
+    },
+    {
+      "width": 20,
+      "height": 68,
+      "id": "lt2I-iu3cbAdYULHvQTp6",
+      "type": "vertical",
+      "position": {
+        "x": 112.34973095743374,
+        "y": 1121.4097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "vertical node",
+        "style": {
+          "strokeDasharray": "0.8 8",
+          "strokeLinecap": "round",
+          "strokeWidth": 3.5,
+          "stroke": "#0A33FF"
+        },
+        "oldId": "jhWc-VQRqJ4CJfJjkmSf8"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 112.34973095743374,
+        "y": 1121.4097604780045
+      },
+      "dragging": false,
+      "focusable": true,
+      "style": {
+        "width": 20,
+        "height": 68
+      },
+      "resizing": false
+    },
+    {
+      "width": 20,
+      "height": 68,
+      "id": "jhWc-VQRqJ4CJfJjkmSf8",
+      "type": "vertical",
+      "position": {
+        "x": -0.6057163550145788,
+        "y": 1130.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "vertical node",
+        "style": {
+          "strokeDasharray": "0.8 8",
+          "strokeLinecap": "round",
+          "strokeWidth": 3.5,
+          "stroke": "#0A33FF"
+        },
+        "oldId": "a-BmplOk9rfE2Q9beP30d"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": -0.6057163550145788,
+        "y": 1130.9097604780045
+      },
+      "dragging": false,
+      "focusable": true,
+      "style": {
+        "width": 20,
+        "height": 68
+      },
+      "resizing": false
+    },
+    {
+      "width": 20,
+      "height": 68,
+      "id": "a-BmplOk9rfE2Q9beP30d",
+      "type": "vertical",
+      "position": {
+        "x": -49.689212167555525,
+        "y": 959.9484886477385
+      },
+      "selected": false,
+      "data": {
+        "label": "vertical node",
+        "style": {
+          "strokeDasharray": "0.8 8",
+          "strokeLinecap": "round",
+          "strokeWidth": 3.5,
+          "stroke": "#0A33FF"
+        },
+        "oldId": "y9e6gBuE1tiIOzhxm83cc"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": -49.689212167555525,
+        "y": 959.9484886477385
+      },
+      "dragging": false,
+      "focusable": true,
+      "style": {
+        "width": 20,
+        "height": 68
+      },
+      "resizing": false
+    },
+    {
+      "width": 20,
+      "height": 68,
+      "id": "y9e6gBuE1tiIOzhxm83cc",
+      "type": "vertical",
+      "position": {
+        "x": -159.68921216755552,
+        "y": 959.9484886477385
+      },
+      "selected": false,
+      "data": {
+        "label": "vertical node",
+        "style": {
+          "strokeDasharray": "0.8 8",
+          "strokeLinecap": "round",
+          "strokeWidth": 3.5,
+          "stroke": "#0A33FF"
+        },
+        "oldId": "LEijbLyxg4RyutKEM2Y5g"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": -159.68921216755552,
+        "y": 959.9484886477385
+      },
+      "dragging": false,
+      "focusable": true,
+      "style": {
+        "width": 20,
+        "height": 68
+      },
+      "resizing": false
+    },
+    {
+      "width": 409,
+      "height": 119,
+      "id": "0vLaVNJaJSHZ_bHli6Qzs",
+      "type": "paragraph",
+      "position": {
+        "x": -264.6944045771742,
+        "y": 2625.163242675726
+      },
+      "selected": false,
+      "data": {
+        "label": "Continue Learning with following relevant tracks",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center",
+          "borderColor": "#000000",
+          "backgroundColor": "WHITe"
+        },
+        "oldId": "m9eO0jLGuR_9w2JJbe_g2"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": -264.6944045771742,
+        "y": 2625.163242675726
+      },
+      "dragging": false,
+      "style": {
+        "width": 409,
+        "height": 119
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 228,
+      "height": 290,
+      "id": "Tqv7Lj8TklDTrZH5_fmUf",
+      "type": "paragraph",
+      "position": {
+        "x": -643.4418542150819,
+        "y": 1886.382968916314
+      },
+      "selected": false,
+      "data": {
+        "label": "",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-end",
+          "textAlign": "center",
+          "borderColor": "#000000",
+          "backgroundColor": "WHITe"
+        }
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 228,
+        "height": 290
+      },
+      "resizing": false,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -643.4418542150819,
+        "y": 1886.382968916314
+      },
+      "focusable": true
+    },
+    {
+      "width": 165,
+      "height": 68,
+      "id": "jJebnKe4JftMXZ1lCsipq",
+      "type": "title",
+      "position": {
+        "x": -234.5,
+        "y": -100.59925177765109
+      },
+      "selected": false,
+      "data": {
+        "label": "Front-end",
+        "style": {
+          "fontSize": 28,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "iogwMmOvub2ZF4zgg6WyF"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -234.5,
+        "y": -100.59925177765109
+      },
+      "focusable": true
+    },
+    {
+      "width": 155,
+      "height": 49,
+      "id": "VlNNwIEDWqQXtqkHWJYzC",
+      "type": "topic",
+      "position": {
+        "x": -229.5,
+        "y": 68.27030742190215
+      },
+      "selected": false,
+      "data": {
+        "label": "Internet",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "_hYN0gEi9BL24nptEtXWU"
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 155,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -229.5,
+        "y": 68.27030742190215
+      },
+      "dragging": false,
+      "focusable": true
+    },
+    {
+      "width": 307,
+      "height": 49,
+      "id": "yCnn-NfSxIybUQ2iTuUGq",
+      "type": "subtopic",
+      "position": {
+        "x": 91.2410268116243,
+        "y": -94.72969257809785
+      },
+      "selected": false,
+      "data": {
+        "label": "How does the internet work?",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "idLHBxhvcIqZTqmh_E8Az",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 91.2410268116243,
+        "y": -94.72969257809785
+      },
+      "dragging": false,
+      "style": {
+        "width": 307,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 307,
+      "height": 49,
+      "id": "R12sArWVpbIs_PHxBqVaR",
+      "type": "subtopic",
+      "position": {
+        "x": 91.2410268116243,
+        "y": -40.729692578097854
+      },
+      "selected": false,
+      "data": {
+        "label": "What is HTTP?",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "os3Pa6W9SSNEzgmlBbglQ",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 91.2410268116243,
+        "y": -40.729692578097854
+      },
+      "dragging": false,
+      "style": {
+        "width": 307,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 307,
+      "height": 49,
+      "id": "ZhSuu2VArnzPDp6dPQQSC",
+      "type": "subtopic",
+      "position": {
+        "x": 91.2410268116243,
+        "y": 13.270307421902146
+      },
+      "selected": false,
+      "data": {
+        "label": "What is Domain Name?",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "3oInpqvTSSC5_K6i7j8N7",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 91.2410268116243,
+        "y": 13.270307421902146
+      },
+      "dragging": false,
+      "style": {
+        "width": 307,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 307,
+      "height": 49,
+      "id": "aqMaEY8gkKMikiqleV5EP",
+      "type": "subtopic",
+      "position": {
+        "x": 91.2410268116243,
+        "y": 67.27030742190215
+      },
+      "selected": false,
+      "data": {
+        "label": "What is hosting?",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "gRjFXRwpOwoyd15PHVpdB",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 91.2410268116243,
+        "y": 67.27030742190215
+      },
+      "dragging": false,
+      "style": {
+        "width": 307,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 307,
+      "height": 49,
+      "id": "hkxw9jPGYphmjhTjw8766",
+      "type": "subtopic",
+      "position": {
+        "x": 91.2410268116243,
+        "y": 121.27030742190215
+      },
+      "selected": false,
+      "data": {
+        "label": "DNS and how it works?",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "YKhuRbcUFzo0hTvuTq-Yl",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 91.2410268116243,
+        "y": 121.27030742190215
+      },
+      "dragging": false,
+      "style": {
+        "width": 307,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 307,
+      "height": 49,
+      "id": "P82WFaTPgQEPNp5IIuZ1Y",
+      "type": "subtopic",
+      "position": {
+        "x": 91.2410268116243,
+        "y": 175.27030742190215
+      },
+      "selected": false,
+      "data": {
+        "label": "Browsers and how they work?",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "CPRpuk76c9-wuIffEfu87",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": 91.2410268116243,
+        "y": 175.27030742190215
+      },
+      "dragging": false,
+      "style": {
+        "width": 307,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 173,
+      "height": 49,
+      "id": "yWG2VUkaF5IJVVut6AiSy",
+      "type": "topic",
+      "position": {
+        "x": -601.8814218617622,
+        "y": 260.27030742190215
+      },
+      "selected": false,
+      "data": {
+        "label": "HTML",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "U0Pn4yFrx6D4CwpUolzOm"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 173,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -601.8814218617622,
+        "y": 260.27030742190215
+      },
+      "focusable": true
+    },
+    {
+      "width": 259,
+      "height": 49,
+      "id": "PCirR2QiFYO89Fm-Ev3o1",
+      "type": "subtopic",
+      "position": {
+        "x": -644.8814218617622,
+        "y": -37.48450673924191
+      },
+      "selected": false,
+      "data": {
+        "label": "Learn the basics",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "JdTNyawEIHeBgq5p2ELwy",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 259,
+        "height": 49
+      },
+      "positionAbsolute": {
+        "x": -644.8814218617622,
+        "y": -37.48450673924191
+      },
+      "focusable": true
+    },
+    {
+      "width": 259,
+      "height": 49,
+      "id": "z8-556o-PaHXjlytrawaF",
+      "type": "subtopic",
+      "position": {
+        "x": -644.8814218617622,
+        "y": 16.51549326075809
+      },
+      "selected": false,
+      "data": {
+        "label": "Writing Semantic HTML",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "08aXk7pJXz4gkrXyrmGky",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -644.8814218617622,
+        "y": 16.51549326075809
+      },
+      "style": {
+        "width": 259,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 259,
+      "height": 49,
+      "id": "V5zucKEHnIPPjwHqsMPHF",
+      "type": "subtopic",
+      "position": {
+        "x": -644.8814218617622,
+        "y": 70.51549326075809
+      },
+      "selected": false,
+      "data": {
+        "label": "Forms and Validations",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "yxcsIStIXMiZslCu1DPV5",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -644.8814218617622,
+        "y": 70.51549326075809
+      },
+      "style": {
+        "width": 259,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 259,
+      "height": 49,
+      "id": "iJIqi7ngpGHWAqtgdjgxB",
+      "type": "subtopic",
+      "position": {
+        "x": -644.8814218617622,
+        "y": 124.51549326075809
+      },
+      "selected": false,
+      "data": {
+        "label": "Accessibility",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "jZcqyxmIvdqnxGDhbHqxk",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -644.8814218617622,
+        "y": 124.51549326075809
+      },
+      "style": {
+        "width": 259,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 259,
+      "height": 49,
+      "id": "mH_qff8R7R6eLQ1tPHLgG",
+      "type": "subtopic",
+      "position": {
+        "x": -644.8814218617622,
+        "y": 178.5154932607581
+      },
+      "selected": false,
+      "data": {
+        "label": "SEO Basics",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "yfirDE1KGIU9ryXQxg4qT",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -644.8814218617622,
+        "y": 178.5154932607581
+      },
+      "style": {
+        "width": 259,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 127,
+      "height": 49,
+      "id": "ZhJhf1M2OphYbEmduFq-9",
+      "type": "topic",
+      "position": {
+        "x": -315.18467266956964,
+        "y": 309.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "CSS",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "9oRqCFPmznk6bMFAtH0gZ"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 127,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -315.18467266956964,
+        "y": 309.72214459475447
+      },
+      "focusable": true
+    },
+    {
+      "width": 195,
+      "height": 49,
+      "id": "YFjzPKWDwzrgk2HUX952L",
+      "type": "subtopic",
+      "position": {
+        "x": -111.68467266956958,
+        "y": 255.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "Learn the basics",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "zdnKDruFT-mwYhyItM5px",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -111.68467266956958,
+        "y": 255.72214459475447
+      },
+      "style": {
+        "width": 195,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 195,
+      "height": 49,
+      "id": "dXeYVMXv-3MRQ1ovOUuJW",
+      "type": "subtopic",
+      "position": {
+        "x": -111.68467266956958,
+        "y": 309.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "Making Layouts",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "lmnqgHgt45-mXqKnW4Y_M",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -111.68467266956958,
+        "y": 309.72214459475447
+      },
+      "style": {
+        "width": 195,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 195,
+      "height": 49,
+      "id": "TKtWmArHn7elXRJdG6lDQ",
+      "type": "subtopic",
+      "position": {
+        "x": -111.68467266956958,
+        "y": 363.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "Responsive Design",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "T04FRCIzpGmFMji5LiDQ5",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -111.68467266956958,
+        "y": 363.72214459475447
+      },
+      "style": {
+        "width": 195,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 127,
+      "height": 49,
+      "id": "ODcfFEorkfJNupoQygM53",
+      "type": "topic",
+      "position": {
+        "x": -316.1846726695696,
+        "y": 462.5154932607581
+      },
+      "selected": false,
+      "data": {
+        "label": "JavaScript",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "MD3yDMZpJqEcjQpJQtigd"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 127,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -316.1846726695696,
+        "y": 462.5154932607581
+      },
+      "focusable": true
+    },
+    {
+      "width": 240,
+      "height": 49,
+      "id": "A4brX0efjZ0FFPTB4r6U0",
+      "type": "subtopic",
+      "position": {
+        "x": -645.3075746114723,
+        "y": 516.7221445947545
+      },
+      "selected": false,
+      "data": {
+        "label": "Fetch API / Ajax (XHR)",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "ZHFZBySpPJwJH3UDwJ9HY"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -645.3075746114723,
+        "y": 516.7221445947545
+      },
+      "style": {
+        "width": 240,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 240,
+      "height": 49,
+      "id": "0MAogsAID9R04R5TTO2Qa",
+      "type": "subtopic",
+      "position": {
+        "x": -645.3075746114723,
+        "y": 462.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "Learn DOM Manipulation",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "f-zv32_OdWNMXej3w6q1J"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -645.3075746114723,
+        "y": 462.72214459475447
+      },
+      "style": {
+        "width": 240,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 240,
+      "height": 49,
+      "id": "wQSjQqwKHfn5RGPk34BWI",
+      "type": "subtopic",
+      "position": {
+        "x": -645.3075746114723,
+        "y": 408.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "Learn the Basics",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "HDznTGgbYd3Z-gtDWSt9M"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -645.3075746114723,
+        "y": 408.72214459475447
+      },
+      "style": {
+        "width": 240,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 153,
+      "height": 49,
+      "id": "MXnFhZlNB1zTsBFDyni9H",
+      "type": "topic",
+      "position": {
+        "x": 244.89428364498542,
+        "y": 462.5154932607581
+      },
+      "selected": false,
+      "data": {
+        "label": "VCS Hosting",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "hRzglhOCM-mgmA7sPQI_J"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 153,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": 244.89428364498542,
+        "y": 462.5154932607581
+      },
+      "focusable": true
+    },
+    {
+      "width": 247,
+      "height": 49,
+      "id": "NIY7c4TQEEHx0hATu-k5C",
+      "type": "topic",
+      "position": {
+        "x": -89.10571635501458,
+        "y": 462.72214459475447
+      },
+      "selected": false,
+      "data": {
+        "label": "Version Control Systems",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "UDis-1MAyLHwxm4wdJrbE"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 247,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -89.10571635501458,
+        "y": 462.72214459475447
+      },
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "R_I4SGYqLk5zze5I1zS_E",
+      "type": "subtopic",
+      "position": {
+        "x": -15.605716355014579,
+        "y": 553.7221445947545
+      },
+      "selected": false,
+      "data": {
+        "label": "Git",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "mi9YYg2qoXHHZm4LMZZMi",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -15.605716355014579,
+        "y": 553.7221445947545
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 202,
+      "height": 49,
+      "id": "IqvS1V-98cxko3e9sBQgP",
+      "type": "topic",
+      "position": {
+        "x": -41.10571635501458,
+        "y": 642.3734598570146
+      },
+      "selected": false,
+      "data": {
+        "label": "Package Managers",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Jr2sD2Mn0oGGTnTYggWRZ"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 202,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -41.10571635501458,
+        "y": 642.3734598570146
+      },
+      "focusable": true
+    },
+    {
+      "width": 153,
+      "height": 49,
+      "id": "qmTVMJDsEhNIkiwE_UTYu",
+      "type": "subtopic",
+      "position": {
+        "x": 244.89428364498542,
+        "y": 260.49093274179154
+      },
+      "selected": false,
+      "data": {
+        "label": "GitHub",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "YFe7BDbyGA_iiDUkx6oqq",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 244.89428364498542,
+        "y": 260.49093274179154
+      },
+      "style": {
+        "width": 153,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 153,
+      "height": 49,
+      "id": "zIoSJMX3cuzCgDYHjgbEh",
+      "type": "subtopic",
+      "position": {
+        "x": 244.89428364498542,
+        "y": 314.49093274179154
+      },
+      "selected": false,
+      "data": {
+        "label": "GitLab",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "bxr3QfV0O9CTeAePaV-vc",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 244.89428364498542,
+        "y": 314.49093274179154
+      },
+      "style": {
+        "width": 153,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 153,
+      "height": 49,
+      "id": "DILBiQp7WWgSZ5hhtDW6A",
+      "type": "subtopic",
+      "position": {
+        "x": 244.89428364498542,
+        "y": 368.49093274179154
+      },
+      "selected": false,
+      "data": {
+        "label": "Bitbucket",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Uz1bEMwz1z_Bnm7IpZtUt",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 244.89428364498542,
+        "y": 368.49093274179154
+      },
+      "style": {
+        "width": 153,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 123,
+      "height": 49,
+      "id": "yrq3nOwFREzl-9EKnpU-e",
+      "type": "subtopic",
+      "position": {
+        "x": -234.5062033769848,
+        "y": 694.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "yarn",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "aHMTzaoKeju0JmnKcL5Zf",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -234.5062033769848,
+        "y": 694.7248298360628
+      },
+      "style": {
+        "width": 123,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 123,
+      "height": 49,
+      "id": "SLxA5qJFp_28TRzr1BjxZ",
+      "type": "subtopic",
+      "position": {
+        "x": -234.5062033769848,
+        "y": 640.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "pnpm",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "I8DtxaKfOiZV7z7cIjBp1",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -234.5062033769848,
+        "y": 640.7248298360628
+      },
+      "style": {
+        "width": 123,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 123,
+      "height": 49,
+      "id": "ib_FHinhrw8VuSet-xMF7",
+      "type": "subtopic",
+      "position": {
+        "x": -234.5062033769848,
+        "y": 586.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "npm",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "ci4QooZfv4b4V_dbHdBVy",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -234.5062033769848,
+        "y": 586.7248298360628
+      },
+      "style": {
+        "width": 123,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 202,
+      "height": 49,
+      "id": "eXezX7CVNyC1RuyU_I4yP",
+      "type": "topic",
+      "position": {
+        "x": -41.10571635501458,
+        "y": 816.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Pick a Framework",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "qluZto0GSnGcLKzo5aPvG"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 202,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -41.10571635501458,
+        "y": 816.7248298360628
+      },
+      "focusable": true
+    },
+    {
+      "width": 124,
+      "height": 49,
+      "id": "-bHFIiXnoUQSov64WI9yo",
+      "type": "subtopic",
+      "position": {
+        "x": 271.6924253885277,
+        "y": 792.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Angular",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "_mAZxK-bYwb0YSGi3_TYf",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 271.6924253885277,
+        "y": 792.7248298360628
+      },
+      "style": {
+        "width": 124,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 124,
+      "height": 49,
+      "id": "ERAdwL1G9M1bnx-fOm5ZA",
+      "type": "subtopic",
+      "position": {
+        "x": 271.6924253885277,
+        "y": 738.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Vue.js",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "wULFs38svyl-2rFOZU_6O",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 271.6924253885277,
+        "y": 738.7248298360628
+      },
+      "style": {
+        "width": 124,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 124,
+      "height": 49,
+      "id": "tG5v3O4lNIFc2uCnacPak",
+      "type": "subtopic",
+      "position": {
+        "x": 271.6924253885277,
+        "y": 684.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "React",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "uIal-YNBZj87IUQkpesPY",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 271.6924253885277,
+        "y": 684.7248298360628
+      },
+      "style": {
+        "width": 124,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 124,
+      "height": 49,
+      "id": "ZR-qZ2Lcbu3FtqaMd3wM4",
+      "type": "subtopic",
+      "position": {
+        "x": 271.6924253885277,
+        "y": 846.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Svelte",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "a99SLXPb90SKSYlKnLZ2V",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 271.6924253885277,
+        "y": 846.7248298360628
+      },
+      "style": {
+        "width": 124,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 124,
+      "height": 49,
+      "id": "DxOSKnqAjZOPP-dq_U7oP",
+      "type": "subtopic",
+      "position": {
+        "x": 271.6924253885277,
+        "y": 900.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Solid JS",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "76_HsxbNz3Hx_ceupTc7d",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 271.6924253885277,
+        "y": 900.7248298360628
+      },
+      "style": {
+        "width": 124,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 124,
+      "height": 49,
+      "id": "N5DCb6bDfgUnSdHPLYY4g",
+      "type": "subtopic",
+      "position": {
+        "x": 271.6924253885277,
+        "y": 954.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Qwik",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "plpeLEvJgqN8v_koc8zMf",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 271.6924253885277,
+        "y": 954.7248298360628
+      },
+      "style": {
+        "width": 124,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 171,
+      "height": 49,
+      "id": "XDTD8el6OwuQ55wC-X4iV",
+      "type": "topic",
+      "position": {
+        "x": -448.6984751538557,
+        "y": 817.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Writing CSS",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "mVB2SuMdWlS4iboXkZmmi"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 171,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -448.6984751538557,
+        "y": 817.7248298360628
+      },
+      "focusable": true
+    },
+    {
+      "width": 138,
+      "height": 49,
+      "id": "eghnfG4p7i-EDWfp3CQXC",
+      "type": "subtopic",
+      "position": {
+        "x": -644.6984751538557,
+        "y": 817.7248298360628
+      },
+      "selected": false,
+      "data": {
+        "label": "Tailwind",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "URZEGnsvxsqA6di6RPE-9",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -644.6984751538557,
+        "y": 817.7248298360628
+      },
+      "style": {
+        "width": 138,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 20,
+      "height": 102,
+      "id": "LEijbLyxg4RyutKEM2Y5g",
+      "type": "vertical",
+      "position": {
+        "x": -162,
+        "y": -202.5992517776511
+      },
+      "selected": false,
+      "data": {
+        "label": "vertical node",
+        "style": {
+          "strokeDasharray": "0.8 8",
+          "strokeLinecap": "round",
+          "strokeWidth": 3.5,
+          "stroke": "#0A33FF"
+        },
+        "oldId": "xD07fJ1NmNeAarVCEfubU"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": -162,
+        "y": -202.5992517776511
+      },
+      "dragging": false,
+      "focusable": true,
+      "style": {
+        "width": 20,
+        "height": 102
+      },
+      "resizing": false
+    },
+    {
+      "width": 176,
+      "height": 49,
+      "id": "nPg_YWpMJtlhU2t2UD_6B",
+      "type": "topic",
+      "position": {
+        "x": -451.1984751538557,
+        "y": 939.3734598570145
+      },
+      "selected": false,
+      "data": {
+        "label": "CSS Architecture",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Hywq64knVVo-ueMDlWIlV"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 176,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -451.1984751538557,
+        "y": 939.3734598570145
+      },
+      "focusable": true
+    },
+    {
+      "width": 210,
+      "height": 49,
+      "id": "UTW1pP59dUehuf0zeHXqL",
+      "type": "topic",
+      "position": {
+        "x": -199.68921216755552,
+        "y": 939.3734598570145
+      },
+      "selected": false,
+      "data": {
+        "label": "CSS Preprocessors",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "OtOD2ta89JI6LB-b5Rn41"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 210,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -199.68921216755552,
+        "y": 939.3734598570145
+      },
+      "focusable": true
+    },
+    {
+      "width": 138,
+      "height": 49,
+      "id": "dRDmS072xeNLX7p_X565w",
+      "type": "subtopic",
+      "position": {
+        "x": -644.6984751538557,
+        "y": 939.3734598570145
+      },
+      "selected": false,
+      "data": {
+        "label": "BEM",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "tFTf8ShyBFo8WqHmRKGf3",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -644.6984751538557,
+        "y": 939.3734598570145
+      },
+      "style": {
+        "width": 138,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "kukEE5rMSPa4NeNjx21kt",
+      "type": "subtopic",
+      "position": {
+        "x": -199.68921216755552,
+        "y": 1012.9484886477385
+      },
+      "selected": false,
+      "data": {
+        "label": "Sass",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "bzo4iJ2GaxRX1g7COIrsO",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -199.68921216755552,
+        "y": 1012.9484886477385
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "9WlPENh9g1xOv-zA64Tfg",
+      "type": "subtopic",
+      "position": {
+        "x": -89.68921216755552,
+        "y": 1012.9484886477385
+      },
+      "selected": false,
+      "data": {
+        "label": "PostCSS",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "FuupAErYJB5_9EYcs8Ltg",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -89.68921216755552,
+        "y": 1012.9484886477385
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 160,
+      "height": 49,
+      "id": "i9z0stM4uKu27Cz6NIgNX",
+      "type": "topic",
+      "position": {
+        "x": 241.39428364498542,
+        "y": 1208.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "Build Tools",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "UUDkLxmojRYcDTpuyVFDj"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 160,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": 241.39428364498542,
+        "y": 1208.9097604780045
+      },
+      "focusable": true
+    },
+    {
+      "width": 225,
+      "height": 49,
+      "id": "9VcGfDBBD8YcKatj4VcH1",
+      "type": "topic",
+      "position": {
+        "x": -48.8854599140368,
+        "y": 1183.2047610770715
+      },
+      "selected": false,
+      "data": {
+        "label": "Linters and Formatters",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "f-3gf76yb-ihCOPTT30YX"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 225,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -48.8854599140368,
+        "y": 1183.2047610770715
+      },
+      "focusable": true
+    },
+    {
+      "width": 225,
+      "height": 49,
+      "id": "hkSc_1x09m7-7BO7WzlDT",
+      "type": "topic",
+      "position": {
+        "x": -48.8854599140368,
+        "y": 1238.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "Module Bundlers",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "aQtOJsbkiuRhDqxhVWNlQ"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 225,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -48.8854599140368,
+        "y": 1238.9097604780045
+      },
+      "focusable": true
+    },
+    {
+      "width": 211,
+      "height": 49,
+      "id": "NS-hwaWa5ebSmNNRoxFDp",
+      "type": "subtopic",
+      "position": {
+        "x": -360.13444253706336,
+        "y": 1346.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "Parcel",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Fd8mOgQYENGkAU8W0LSkw",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -360.13444253706336,
+        "y": 1346.9097604780045
+      },
+      "style": {
+        "width": 211,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 211,
+      "height": 49,
+      "id": "sCjErk7rfWAUvhl8Kfm3n",
+      "type": "subtopic",
+      "position": {
+        "x": -360.13444253706336,
+        "y": 1292.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "Rollup",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "gyF7FgAkwZ88w61m22Rjf",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -360.13444253706336,
+        "y": 1292.9097604780045
+      },
+      "style": {
+        "width": 211,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 211,
+      "height": 49,
+      "id": "twufEtHgxcRUWAUQ9bXus",
+      "type": "subtopic",
+      "position": {
+        "x": -360.13444253706336,
+        "y": 1238.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "Webpack",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "3xtpc7w31zyKpNs8LTr6F",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -360.13444253706336,
+        "y": 1238.9097604780045
+      },
+      "style": {
+        "width": 211,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 103,
+      "height": 49,
+      "id": "4W7UXfdKIUsm1bUrjdTVT",
+      "type": "subtopic",
+      "position": {
+        "x": -250.53087783577723,
+        "y": 1185.469247596049
+      },
+      "selected": false,
+      "data": {
+        "label": "esbuild",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "t_hNHvx8q5HdzSoWmAEGo",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -250.53087783577723,
+        "y": 1185.469247596049
+      },
+      "style": {
+        "width": 103,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 211,
+      "height": 49,
+      "id": "0Awx3zEI5_gYEIrD7IVX6",
+      "type": "subtopic",
+      "position": {
+        "x": -360.13444253706336,
+        "y": 1130.9097604780045
+      },
+      "selected": false,
+      "data": {
+        "label": "Vite",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "K4VjGtyD8zVFUMDMywTYM",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -360.13444253706336,
+        "y": 1130.9097604780045
+      },
+      "style": {
+        "width": 211,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 111,
+      "height": 49,
+      "id": "zbkpu_gvQ4mgCiZKzS1xv",
+      "type": "subtopic",
+      "position": {
+        "x": -48.8854599140368,
+        "y": 1097.007960598624
+      },
+      "selected": false,
+      "data": {
+        "label": "Prettier",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "_TRZgdEjj_B-DQe2Vxrrm",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -48.8854599140368,
+        "y": 1097.007960598624
+      },
+      "style": {
+        "width": 111,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 110,
+      "height": 49,
+      "id": "NFjsI712_qP0IOmjuqXar",
+      "type": "subtopic",
+      "position": {
+        "x": 67.34973095743374,
+        "y": 1097.007960598624
+      },
+      "selected": false,
+      "data": {
+        "label": "ESLint",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "8SvBv3DDaXg2G8m9Hf7-g",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 67.34973095743374,
+        "y": 1097.007960598624
+      },
+      "style": {
+        "width": 110,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 160,
+      "height": 51,
+      "id": "igg4_hb3XE3vuvY8ufV-4",
+      "type": "topic",
+      "position": {
+        "x": 241.39428364498542,
+        "y": 1395.707960645082
+      },
+      "selected": false,
+      "data": {
+        "label": "Testing",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "M-Oj3xklWJVhnuu_8M9LV"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 160,
+        "height": 51
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": 241.39428364498542,
+        "y": 1395.707960645082
+      },
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "hVQ89f6G0LXEgHIOKHDYq",
+      "type": "subtopic",
+      "position": {
+        "x": -67.36820371502154,
+        "y": 1344.100267415748
+      },
+      "selected": false,
+      "data": {
+        "label": "Vitest",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "-mSYXMk_uhUAoQAwBhxgp",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -67.36820371502154,
+        "y": 1344.100267415748
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "g5itUjgRXd9vs9ujHezFl",
+      "type": "subtopic",
+      "position": {
+        "x": 37.63179628497846,
+        "y": 1344.100267415748
+      },
+      "selected": false,
+      "data": {
+        "label": "Jest",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "3JyKZE1jB43Hq3GlG1hvn",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 37.63179628497846,
+        "y": 1344.100267415748
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 160,
+      "height": 49,
+      "id": "jramLk8FGuaEH4YpHIyZT",
+      "type": "subtopic",
+      "position": {
+        "x": 241.39428364498542,
+        "y": 1474.2939858099264
+      },
+      "selected": false,
+      "data": {
+        "label": "Playwright",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "matNxmkGq8gg-UQ_cSNPd",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 241.39428364498542,
+        "y": 1474.2939858099264
+      },
+      "style": {
+        "width": 160,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 160,
+      "height": 49,
+      "id": "DaynCz5RR26gjT6N6gTDL",
+      "type": "subtopic",
+      "position": {
+        "x": 241.39428364498542,
+        "y": 1528.2939858099264
+      },
+      "selected": false,
+      "data": {
+        "label": "Cypress",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "2MeMVJVJchEHBt2R3lyzw",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 241.39428364498542,
+        "y": 1528.2939858099264
+      },
+      "style": {
+        "width": 160,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 330,
+      "height": 50,
+      "id": "U5mD5FmVx7VWeKxDpQxB5",
+      "type": "topic",
+      "position": {
+        "x": -267.4913561640819,
+        "y": 1483.7610367386817
+      },
+      "selected": false,
+      "data": {
+        "label": "Authentication Strategies",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "5W4R31waHlBLMPk8HEHjt"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 330,
+        "height": 50
+      },
+      "resizing": true,
+      "positionAbsolute": {
+        "x": -267.4913561640819,
+        "y": 1483.7610367386817
+      },
+      "focusable": true
+    },
+    {
+      "width": 222,
+      "height": 49,
+      "id": "RDWbG3Iui6IPgp0shvXtg",
+      "type": "topic",
+      "position": {
+        "x": -641.4418542150819,
+        "y": 1384.2280876674367
+      },
+      "selected": false,
+      "data": {
+        "label": "Web Security Basics",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "yGexInV1evZLDnA6E4-Ta"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 222,
+        "height": 49
+      },
+      "resizing": true,
+      "positionAbsolute": {
+        "x": -641.4418542150819,
+        "y": 1384.2280876674367
+      },
+      "focusable": true
+    },
+    {
+      "width": 109,
+      "height": 49,
+      "id": "AfH2zCbqzw0Nisg1yyISS",
+      "type": "subtopic",
+      "position": {
+        "x": -641.4418542150819,
+        "y": 1131.2732116944574
+      },
+      "selected": false,
+      "data": {
+        "label": "CORS",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "AiFQoD09X9K36nmgsH1Aj",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -641.4418542150819,
+        "y": 1131.2732116944574
+      },
+      "style": {
+        "width": 109,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 109,
+      "height": 49,
+      "id": "uum7vOhOUR38vLuGZy8Oa",
+      "type": "subtopic",
+      "position": {
+        "x": -526.4565506483883,
+        "y": 1131.2732116944574
+      },
+      "selected": false,
+      "data": {
+        "label": "HTTPS",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "smz9DaF6gwWdob_lyMYzt",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -526.4565506483883,
+        "y": 1131.2732116944574
+      },
+      "style": {
+        "width": 109,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 226,
+      "height": 49,
+      "id": "rmcm0CZbtNVC9LZ14-H6h",
+      "type": "subtopic",
+      "position": {
+        "x": -641.4418542150819,
+        "y": 1185.2732116944574
+      },
+      "selected": false,
+      "data": {
+        "label": "Content Security Policy",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "xAu1DT2aO5IzvaDrjYB0M",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -641.4418542150819,
+        "y": 1185.2732116944574
+      },
+      "style": {
+        "width": 226,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 225,
+      "height": 49,
+      "id": "JanR7I_lNnUCXhCMGLdn-",
+      "type": "subtopic",
+      "position": {
+        "x": -641.4418542150819,
+        "y": 1239.2732116944574
+      },
+      "selected": false,
+      "data": {
+        "label": "OWASP Security Risks",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "kUy5HzWZoQm4YEDM6SYnL",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -641.4418542150819,
+        "y": 1239.2732116944574
+      },
+      "style": {
+        "width": 225,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 226,
+      "height": 49,
+      "id": "ruoFa3M4bUE3Dg6GXSiUI",
+      "type": "topic",
+      "position": {
+        "x": -643.4418542150819,
+        "y": 1628.657291456067
+      },
+      "selected": false,
+      "data": {
+        "label": "Web Components",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "bxdQ2Kh_6OA6zABiQDMzW"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 226,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -643.4418542150819,
+        "y": 1628.657291456067
+      },
+      "focusable": true
+    },
+    {
+      "width": 168,
+      "height": 49,
+      "id": "hwPOGT0-duy3KfI8QaEwF",
+      "type": "topic",
+      "position": {
+        "x": -296.3110352511957,
+        "y": 1628.657291456067
+      },
+      "selected": false,
+      "data": {
+        "label": "Type Checkers",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "E15W2UbKUcQ2SIEOKjHnF"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 168,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -296.3110352511957,
+        "y": 1628.657291456067
+      },
+      "focusable": true
+    },
+    {
+      "width": 226,
+      "height": 49,
+      "id": "VxiQPgcYDFAT6WgSRWpIA",
+      "type": "subtopic",
+      "position": {
+        "x": -643.4418542150819,
+        "y": 1769.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Custom Elements",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "9bxoRhitbZNn5b0IoJYBg",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -643.4418542150819,
+        "y": 1769.6524214737567
+      },
+      "style": {
+        "width": 226,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 226,
+      "height": 49,
+      "id": "Hk8AVonOd693_y1sykPqd",
+      "type": "subtopic",
+      "position": {
+        "x": -643.4418542150819,
+        "y": 1715.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "HTML Templates",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "fexS9SQR_oUMMyvCFfQHx",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -643.4418542150819,
+        "y": 1715.6524214737567
+      },
+      "style": {
+        "width": 226,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 226,
+      "height": 49,
+      "id": "-SpsNeOZBkQfDA-rwzgPg",
+      "type": "subtopic",
+      "position": {
+        "x": -643.4418542150819,
+        "y": 1823.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Shadow DOM",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "9uwJS2bEPM1-b5w-clIgW",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -643.4418542150819,
+        "y": 1823.6524214737567
+      },
+      "style": {
+        "width": 226,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 168,
+      "height": 49,
+      "id": "0asdhvwBH3gn-ercktV7A",
+      "type": "subtopic",
+      "position": {
+        "x": -296.3110352511957,
+        "y": 1705.5579525586788
+      },
+      "selected": false,
+      "data": {
+        "label": "TypeScript",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "zNxwUyEsGPseh4i7l052C",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -296.3110352511957,
+        "y": 1705.5579525586788
+      },
+      "style": {
+        "width": 168,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 108,
+      "height": 49,
+      "id": "Cxspmb14_0i1tfw-ZLxEu",
+      "type": "topic",
+      "position": {
+        "x": -74.5,
+        "y": 1778.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "SSR",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "9xcixG6DhtFqzvrdVC-iR"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 108,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -74.5,
+        "y": 1778.6524214737567
+      },
+      "focusable": true
+    },
+    {
+      "width": 105,
+      "height": 49,
+      "id": "OL8I6nOZ8hGGWmtxg_Mv8",
+      "type": "subtopic",
+      "position": {
+        "x": 119.74458345301082,
+        "y": 1830.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Svelte",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "E2W0AJDq7IWWEyTJeixyG",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 119.74458345301082,
+        "y": 1830.6524214737567
+      },
+      "style": {
+        "width": 105,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 105,
+      "height": 49,
+      "id": "3TE_iYvbklXK0be-5f2M7",
+      "type": "subtopic",
+      "position": {
+        "x": 119.74458345301082,
+        "y": 1776.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Vue.js",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "5iKf8ERxF8x8-DjoxqpLz",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 119.74458345301082,
+        "y": 1776.6524214737567
+      },
+      "style": {
+        "width": 105,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 105,
+      "height": 49,
+      "id": "k6rp6Ua9qUEW_DA_fOg5u",
+      "type": "subtopic",
+      "position": {
+        "x": 119.74458345301082,
+        "y": 1722.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Angular",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "5EmJofW_K7cJuv71au2TV",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 119.74458345301082,
+        "y": 1722.6524214737567
+      },
+      "style": {
+        "width": 105,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "SGDf_rbfmFSHlxI-Czzlz",
+      "type": "subtopic",
+      "position": {
+        "x": 119.74458345301082,
+        "y": 1667.0301235678273
+      },
+      "selected": false,
+      "data": {
+        "label": "React",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "9GxkJoUjCQxG6gx8_3SGV",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 119.74458345301082,
+        "y": 1667.0301235678273
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 139,
+      "height": 49,
+      "id": "KJRkrFZIihCUBrOf579EU",
+      "type": "subtopic",
+      "position": {
+        "x": 264.99486256192824,
+        "y": 1722.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "react-router",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Bd2XFblDYF5a58H8rT-xD",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 264.99486256192824,
+        "y": 1722.6524214737567
+      },
+      "style": {
+        "width": 139,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 140,
+      "height": 49,
+      "id": "zNFYAJaSq0YZXL5Rpx1NX",
+      "type": "subtopic",
+      "position": {
+        "x": 264.99486256192824,
+        "y": 1614.0301235678273
+      },
+      "selected": false,
+      "data": {
+        "label": "Next.js",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "XEBjJw31qtoP0giNeTIOb",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 264.99486256192824,
+        "y": 1614.0301235678273
+      },
+      "style": {
+        "width": 140,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 140,
+      "height": 49,
+      "id": "BBsXxkbbEG-gnbM1xXKrj",
+      "type": "subtopic",
+      "position": {
+        "x": 264.99486256192824,
+        "y": 1776.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Nuxt.js",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "bzDexz0i_3O-0CZxeVz__",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 264.99486256192824,
+        "y": 1776.6524214737567
+      },
+      "style": {
+        "width": 140,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 140,
+      "height": 49,
+      "id": "P4st_telfCwKLSAU2WsQP",
+      "type": "subtopic",
+      "position": {
+        "x": 264.99486256192824,
+        "y": 1830.6524214737567
+      },
+      "selected": false,
+      "data": {
+        "label": "Svelte Kit",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "eLRQ4TTquWmk5ElFO8bUs",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 264.99486256192824,
+        "y": 1830.6524214737567
+      },
+      "style": {
+        "width": 140,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 158,
+      "height": 49,
+      "id": "L7AllJfKvClaam3y-u6DP",
+      "type": "topic",
+      "position": {
+        "x": -299.7582952055722,
+        "y": 1936.2381074587565
+      },
+      "selected": false,
+      "data": {
+        "label": "GraphQL",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "pbcrQq92xWLdgHQjcv1B-",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-top"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 158,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -299.7582952055722,
+        "y": 1936.2381074587565
+      },
+      "focusable": true
+    },
+    {
+      "width": 158,
+      "height": 49,
+      "id": "5eUbDdOTOfaOhUlZAmmXW",
+      "type": "subtopic",
+      "position": {
+        "x": -299.7582952055722,
+        "y": 1804.3739101553622
+      },
+      "selected": false,
+      "data": {
+        "label": "Apollo",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "T8XBkJc3CQ0OeNbir3aIB",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -299.7582952055722,
+        "y": 1804.3739101553622
+      },
+      "style": {
+        "width": 158,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 158,
+      "height": 49,
+      "id": "0moPO23ol33WsjVXSpTGf",
+      "type": "subtopic",
+      "position": {
+        "x": -299.7582952055722,
+        "y": 1858.3739101553622
+      },
+      "selected": false,
+      "data": {
+        "label": "Relay Modern",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "ao2xbMKjWdjJuYzmxWewu",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -299.7582952055722,
+        "y": 1858.3739101553622
+      },
+      "style": {
+        "width": 158,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 214,
+      "height": 49,
+      "id": "n0q32YhWEIAUwbGXexoqV",
+      "type": "topic",
+      "position": {
+        "x": -48.8854599140368,
+        "y": 2147.3894186454863
+      },
+      "selected": false,
+      "data": {
+        "label": "Static Site Generators",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Byp3BhV5zTeER5tUPogqW"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 214,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -48.8854599140368,
+        "y": 2147.3894186454863
+      },
+      "focusable": true
+    },
+    {
+      "width": 205,
+      "height": 49,
+      "id": "CMrss8E2W0eA6DVEqtPjT",
+      "type": "subtopic",
+      "position": {
+        "x": -44.3854599140368,
+        "y": 2004.382968916314
+      },
+      "selected": false,
+      "data": {
+        "label": "Vuepress",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "SUBnFEyi6Us6fXRh6D6TE",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -44.3854599140368,
+        "y": 2004.382968916314
+      },
+      "style": {
+        "width": 205,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 208,
+      "height": 49,
+      "id": "XWJxV42Dpu2D3xDK10Pn3",
+      "type": "subtopic",
+      "position": {
+        "x": -45.8854599140368,
+        "y": 2247.01
+      },
+      "selected": false,
+      "data": {
+        "label": "Nuxt.js",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "vKK8jvUcXrJF_VNJtrZ9F",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -45.8854599140368,
+        "y": 2247.01
+      },
+      "style": {
+        "width": 208,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "iUxXq7beg55y76dkwhM13",
+      "type": "subtopic",
+      "position": {
+        "x": 62.50864383591812,
+        "y": 1948.8221115081828
+      },
+      "selected": false,
+      "data": {
+        "label": "Astro",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "rRf68iRg_Jtn_jGBayLxQ",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 62.50864383591812,
+        "y": 1948.8221115081828
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 205,
+      "height": 49,
+      "id": "io0RHJWIcVxDhcYkV9d38",
+      "type": "subtopic",
+      "position": {
+        "x": -44.3854599140368,
+        "y": 2058.382968916314
+      },
+      "selected": false,
+      "data": {
+        "label": "Eleventy",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "hWWOyclt4hWJmbMvPBt5i",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -44.3854599140368,
+        "y": 2058.382968916314
+      },
+      "style": {
+        "width": 205,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "V70884VcuXkfrfHyLGtUg",
+      "type": "subtopic",
+      "position": {
+        "x": -43.3854599140368,
+        "y": 1948.8221115081828
+      },
+      "selected": false,
+      "data": {
+        "label": "Next.js",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "2d9PRh48NLgCKvMRUP9Mp",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -43.3854599140368,
+        "y": 1948.8221115081828
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 158,
+      "height": 49,
+      "id": "PoM77O2OtxPELxfrW1wtl",
+      "type": "topic",
+      "position": {
+        "x": -299.7582952055722,
+        "y": 2147.3894186454863
+      },
+      "selected": false,
+      "data": {
+        "label": "PWAs",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "z2-TJ71VFM7LKPXaCKe2T",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "right-top"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 158,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -299.7582952055722,
+        "y": 2147.3894186454863
+      },
+      "focusable": true
+    },
+    {
+      "width": 144,
+      "height": 49,
+      "id": "VOGKiG2EZVfCBAaa7Df0W",
+      "type": "topic",
+      "position": {
+        "x": 251.92382104841215,
+        "y": 2147.833490040384
+      },
+      "selected": false,
+      "data": {
+        "label": "Mobile Apps",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "1Cr9EEM5MLBlE8pquMlbZ",
+        "legend": {
+          "id": "R9WLhURhPdVNXP7AUTDvR",
+          "label": "Order not strict / Learn anytime",
+          "color": "#929292",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 144,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": 251.92382104841215,
+        "y": 2147.833490040384
+      },
+      "focusable": true
+    },
+    {
+      "width": 150,
+      "height": 49,
+      "id": "dsTegXTyupjS8iU6I7Xiv",
+      "type": "subtopic",
+      "position": {
+        "x": 247.92382104841215,
+        "y": 1947.3894186454863
+      },
+      "selected": false,
+      "data": {
+        "label": "React Native",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "kkmRxX5txOVNalze5qbFt",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 247.92382104841215,
+        "y": 1947.3894186454863
+      },
+      "style": {
+        "width": 150,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 150,
+      "height": 49,
+      "id": "dIQXjFEUAJAGxxfAYceHU",
+      "type": "subtopic",
+      "position": {
+        "x": 247.92382104841215,
+        "y": 2000.3894186454863
+      },
+      "selected": false,
+      "data": {
+        "label": "Flutter",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "E6CO-PPeanNHM3VmHlOj_",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 247.92382104841215,
+        "y": 2000.3894186454863
+      },
+      "style": {
+        "width": 150,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 150,
+      "height": 49,
+      "id": "xmRv6-L45m5MDpHmdHFCL",
+      "type": "subtopic",
+      "position": {
+        "x": 247.92382104841215,
+        "y": 2053.3894186454863
+      },
+      "selected": false,
+      "data": {
+        "label": "Ionic",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Lwn9ABE_c54DSVxC_Xqqd",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 247.92382104841215,
+        "y": 2053.3894186454863
+      },
+      "style": {
+        "width": 150,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 154,
+      "height": 49,
+      "id": "KMA7NkxFbPoUDtFnGBFnj",
+      "type": "topic",
+      "position": {
+        "x": -135.65026904256626,
+        "y": 2453.755580716903
+      },
+      "selected": false,
+      "data": {
+        "label": "Desktop Apps",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "0shXGvdS3IlJgBvHoQuDm"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "style": {
+        "width": 154,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -135.65026904256626,
+        "y": 2453.755580716903
+      },
+      "focusable": true
+    },
+    {
+      "width": 132,
+      "height": 49,
+      "id": "OIcmPSbdsuWapb6HZ4BEi",
+      "type": "button",
+      "position": {
+        "x": -250.68060209288814,
+        "y": 2679.3089001088356
+      },
+      "selected": false,
+      "data": {
+        "label": "TypeScript",
+        "href": "https://roadmap.sh/typescript",
+        "color": "#FFf",
+        "backgroundColor": "#4136D6",
+        "style": {
+          "fontSize": 17
+        },
+        "borderColor": "#4136D6",
+        "oldId": "cmSSwPPiiHwYh9ct14N6A"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -250.68060209288814,
+        "y": 2679.3089001088356
+      },
+      "style": {
+        "width": 132,
+        "height": 49
+      },
+      "focusable": true,
+      "resizing": false
+    },
+    {
+      "width": 119,
+      "height": 49,
+      "id": "qXKNK_IsGS8-JgLK-Q9oU",
+      "type": "button",
+      "position": {
+        "x": -114.12638684584417,
+        "y": 2679.3089001088356
+      },
+      "selected": false,
+      "data": {
+        "label": "Nodejs",
+        "href": "https://roadmap.sh/nodejs",
+        "color": "#FFFFFf",
+        "backgroundColor": "#4136D6",
+        "style": {
+          "fontSize": 17
+        },
+        "borderColor": "#4136D6",
+        "oldId": "U309TNZ3yUYyAmP33dOt1"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -114.12638684584417,
+        "y": 2679.3089001088356
+      },
+      "style": {
+        "width": 119,
+        "height": 49
+      },
+      "focusable": true,
+      "resizing": false
+    },
+    {
+      "width": 20,
+      "height": 85,
+      "id": "RLtk1C3gofHnLJ17x3o5b",
+      "type": "vertical",
+      "position": {
+        "x": -71.75829520557221,
+        "y": 2748.163242675726
+      },
+      "selected": false,
+      "data": {
+        "label": "vertical node",
+        "style": {
+          "strokeDasharray": "0.8 8",
+          "strokeLinecap": "round",
+          "strokeWidth": 3.5,
+          "stroke": "#2B78E4"
+        },
+        "oldId": "ExXFPDHXtcOMcvZttzxvD"
+      },
+      "zIndex": 999,
+      "positionAbsolute": {
+        "x": -71.75829520557221,
+        "y": 2748.163242675726
+      },
+      "dragging": false,
+      "focusable": true,
+      "style": {
+        "width": 20,
+        "height": 85
+      },
+      "resizing": false
+    },
+    {
+      "width": 102,
+      "height": 49,
+      "id": "mQHpSyMR4Rra4mqAslgiS",
+      "type": "subtopic",
+      "position": {
+        "x": -317.53656999416484,
+        "y": 2397.529159876233
+      },
+      "selected": false,
+      "data": {
+        "label": "Electron",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "oT8ChWye8YxdMuD0Ju9cb",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -317.53656999416484,
+        "y": 2397.529159876233
+      },
+      "style": {
+        "width": 102,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "GJctl0tVXe4B70s35RkLT",
+      "type": "subtopic",
+      "position": {
+        "x": -316.53656999416484,
+        "y": 2451.529159876233
+      },
+      "selected": false,
+      "data": {
+        "label": "Tauri",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "Wkhxb3Ax0Qlt61QpuwVXH",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -316.53656999416484,
+        "y": 2451.529159876233
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 100,
+      "height": 49,
+      "id": "2MRvAK9G9RGM_auWytcKh",
+      "type": "subtopic",
+      "position": {
+        "x": -316.53656999416484,
+        "y": 2505.529159876233
+      },
+      "selected": false,
+      "data": {
+        "label": "Flutter",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "vicOyCmPv4Nj_QQnP6_Y4",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -316.53656999416484,
+        "y": 2505.529159876233
+      },
+      "style": {
+        "width": 100,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 210,
+      "height": 49,
+      "id": "-DsETM9xLgHyGZthptj1Y",
+      "type": "subtopic",
+      "position": {
+        "x": -634.5537077765232,
+        "y": 1897.0487446425846
+      },
+      "selected": false,
+      "data": {
+        "label": "PRPL Pattern",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "xD5WfEP7Ez0oi3890UgmH"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -634.5537077765232,
+        "y": 1897.0487446425846
+      },
+      "style": {
+        "width": 210,
+        "height": 49
+      },
+      "focusable": true,
+      "resizing": false
+    },
+    {
+      "width": 210,
+      "height": 49,
+      "id": "xD5WfEP7Ez0oi3890UgmH",
+      "type": "subtopic",
+      "position": {
+        "x": -634.5537077765232,
+        "y": 1950.0487446425846
+      },
+      "selected": false,
+      "data": {
+        "label": "RAIL Model",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -634.5537077765232,
+        "y": 1950.0487446425846
+      },
+      "resizing": false,
+      "style": {
+        "width": 210,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 210,
+      "height": 49,
+      "id": "X0Y3-IpPiFUCsNDK4RFxw",
+      "type": "subtopic",
+      "position": {
+        "x": -634.5537077765232,
+        "y": 2003.0487446425846
+      },
+      "selected": false,
+      "data": {
+        "label": "Performance Metrics",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "3_sJHKTogkDoCjR518-OL"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -634.5537077765232,
+        "y": 2003.0487446425846
+      },
+      "resizing": false,
+      "style": {
+        "width": 210,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 210,
+      "height": 49,
+      "id": "RIhHMHLsLLPhNl05Q9aBf",
+      "type": "subtopic",
+      "position": {
+        "x": -634.5537077765232,
+        "y": 2056.0487446425846
+      },
+      "selected": false,
+      "data": {
+        "label": "Using Lighthouse",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "3_sJHKTogkDoCjR518-OL"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -634.5537077765232,
+        "y": 2056.0487446425846
+      },
+      "resizing": false,
+      "style": {
+        "width": 210,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 210,
+      "height": 49,
+      "id": "3_sJHKTogkDoCjR518-OL",
+      "type": "subtopic",
+      "position": {
+        "x": -634.5537077765232,
+        "y": 2109.0487446425846
+      },
+      "selected": false,
+      "data": {
+        "label": "Using DevTools",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "xD5WfEP7Ez0oi3890UgmH"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -634.5537077765232,
+        "y": 2109.0487446425846
+      },
+      "resizing": false,
+      "style": {
+        "width": 210,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 269,
+      "height": 49,
+      "id": "mB3hZvAfRr6kCEbF6t-yz",
+      "type": "button",
+      "position": {
+        "x": -355.2582952055722,
+        "y": 2252.833490040384
+      },
+      "selected": false,
+      "data": {
+        "label": "Performance Best Practices",
+        "href": "https://roadmap.sh/best-practices/frontend-performance",
+        "color": "#ffffff",
+        "backgroundColor": "#4136d6",
+        "style": {
+          "fontSize": 17
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -355.2582952055722,
+        "y": 2252.833490040384
+      },
+      "style": {
+        "width": 269,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "raoa-75p_DyBAycvy3yVv",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2255.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Storage",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "-DsETM9xLgHyGZthptj1Y"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2255.1757757262712
+      },
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "focusable": true,
+      "resizing": false
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "NDJR8UCoa31v45TBFP7we",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2307.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Web Sockets",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "xD5WfEP7Ez0oi3890UgmH"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2307.1757757262712
+      },
+      "resizing": false,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "doPe92aUpo-8KWhi45lWK",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2359.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Server Sent Events",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "X0Y3-IpPiFUCsNDK4RFxw"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2359.1757757262712
+      },
+      "resizing": false,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "TldWoXiqKxM4X3JONKAR7",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2411.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Service Workers",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "RIhHMHLsLLPhNl05Q9aBf"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2411.1757757262712
+      },
+      "resizing": false,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "YbGGYoKJEx29PlvopUBiM",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2463.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Location",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        }
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "dragging": false,
+      "focusable": true,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2463.1757757262712
+      }
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "6AlcArOiJMhHXguAosDzn",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2515.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Notifications",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "opu2bAsmdWHqWqtsCscLC"
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2515.1757757262712
+      },
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "Fd0hQh1DleM0gMzCpGou4",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2567.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Device Orientation",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "opu2bAsmdWHqWqtsCscLC"
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2567.1757757262712
+      },
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "MAM1nuVk-h4AvTUk4nvmj",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2619.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Payments",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "opu2bAsmdWHqWqtsCscLC"
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2619.1757757262712
+      },
+      "focusable": true
+    },
+    {
+      "width": 200,
+      "height": 49,
+      "id": "opu2bAsmdWHqWqtsCscLC",
+      "type": "subtopic",
+      "position": {
+        "x": -626.8075746114723,
+        "y": 2671.1757757262712
+      },
+      "selected": false,
+      "data": {
+        "label": "Credentials",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "YbGGYoKJEx29PlvopUBiM"
+      },
+      "zIndex": 999,
+      "style": {
+        "width": 200,
+        "height": 49
+      },
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -626.8075746114723,
+        "y": 2671.1757757262712
+      },
+      "focusable": true
+    },
+    {
+      "id": "y8mpS-q8TCwp3k23enpf7",
+      "type": "paragraph",
+      "position": {
+        "x": -645.5168967945566,
+        "y": 602.7221445947545
+      },
+      "selected": false,
+      "data": {
+        "label": "We’ve trimmed down the CSS part for the sake of brevity. You should read about CSS-in-JS, CSS Modules and Styled Components. Also worth looking at are Panda CSS, Shadcn UI, Mantine and more.",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "left",
+          "borderColor": "TRANSPARENt",
+          "backgroundColor": "#ebebeb"
+        }
+      },
+      "zIndex": 999,
+      "width": 365,
+      "height": 165,
+      "positionAbsolute": {
+        "x": -645.5168967945566,
+        "y": 602.7221445947545
+      },
+      "dragging": false,
+      "resizing": false,
+      "style": {
+        "width": 365,
+        "height": 165
+      },
+      "focusable": true
+    },
+    {
+      "width": 104,
+      "height": 49,
+      "id": "h26uS3muFCabe6ekElZcI",
+      "type": "subtopic",
+      "position": {
+        "x": -360.13444253706336,
+        "y": 1185.469247596049
+      },
+      "selected": false,
+      "data": {
+        "label": "SWC",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "4W7UXfdKIUsm1bUrjdTVT",
+        "legend": {
+          "id": "DMx7rAjVBWMbzjSde-tvp",
+          "label": "Alternative Option / Pick this or purple",
+          "color": "#4f7a28",
+          "position": "left-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": -360.13444253706336,
+        "y": 1185.469247596049
+      },
+      "style": {
+        "width": 104,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "id": "dnVfC9N76qvTGKO9B-AW7",
+      "type": "label",
+      "position": {
+        "x": -271.4913561640819,
+        "y": 1542.0166772420591
+      },
+      "selected": false,
+      "data": {
+        "label": "JWT, OAuth, SSO, Basic Auth, Session Auth",
+        "href": "",
+        "color": "#000000",
+        "style": {
+          "fontSize": 17
+        }
+      },
+      "zIndex": 999,
+      "width": 340,
+      "height": 36,
+      "positionAbsolute": {
+        "x": -271.4913561640819,
+        "y": 1542.0166772420591
+      },
+      "dragging": false,
+      "focusable": true
+    },
+    {
+      "id": "qN-6iiXWgn5qSzK3o0Tjo",
+      "type": "legend",
+      "position": {
+        "x": -654.8814218617622,
+        "y": -292.09541222709834
+      },
+      "selected": false,
+      "data": {
+        "label": "",
+        "legends": [
+          {
+            "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+            "color": "#874efe",
+            "label": "Personal Recommendation / Opinion"
           },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "198",
-                  "h": "44",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "137",
-                  "measuredH": "25",
-                  "x": "30",
-                  "y": "9",
-                  "properties": {
-                    "size": "17",
-                    "text": "Node.js Roadmap"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4065",
-          "typeID": "__group__",
-          "zOrder": "232",
-          "measuredW": "198",
-          "measuredH": "44",
-          "w": "198",
-          "h": "44",
-          "x": "675",
-          "y": "3328",
-          "properties": {
-            "controlName": "ext_link:roadmap.sh/typescript"
+          {
+            "id": "DMx7rAjVBWMbzjSde-tvp",
+            "label": "Alternative Option / Pick this or purple",
+            "color": "#4f7a28"
           },
-          "children": {
-            "controls": {
-              "control": [
-                {
-                  "ID": "0",
-                  "typeID": "TextArea",
-                  "zOrder": "0",
-                  "w": "198",
-                  "h": "44",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "0",
-                  "y": "0",
-                  "properties": {
-                    "color": "16770457"
-                  }
-                },
-                {
-                  "ID": "1",
-                  "typeID": "Label",
-                  "zOrder": "1",
-                  "measuredW": "160",
-                  "measuredH": "25",
-                  "x": "21",
-                  "y": "9",
-                  "properties": {
-                    "size": "17",
-                    "text": "TypeScript Roadmap"
-                  }
-                }
-              ]
-            }
-          }
-        },
-        {
-          "ID": "4066",
-          "typeID": "Arrow",
-          "zOrder": "233",
-          "w": "240",
-          "h": "2",
-          "measuredW": "150",
-          "measuredH": "100",
-          "x": "734",
-          "y": "3477",
-          "properties": {
-            "curvature": "0",
-            "leftArrow": "false",
-            "rightArrow": "false",
-            "stroke": "dotted",
-            "color": "16777215",
-            "p0": {
-              "x": 0,
-              "y": 2.0909090909090082
-            },
-            "p1": {
-              "x": 0.4072427393330942,
-              "y": 0.00953746862674794
-            },
-            "p2": {
-              "x": 240.29238284114695,
-              "y": 2.0909090909090082
-            }
-          }
+          {
+            "id": "R9WLhURhPdVNXP7AUTDvR",
+            "label": "Order not strict / Learn anytime",
+            "color": "#929292"
+          }
+        ]
+      },
+      "zIndex": 999,
+      "width": 353,
+      "height": 124,
+      "positionAbsolute": {
+        "x": -654.8814218617622,
+        "y": -292.09541222709834
+      },
+      "dragging": false,
+      "focusable": true
+    },
+    {
+      "id": "yHmHXymPNWwu8p1vvqD3o",
+      "type": "paragraph",
+      "position": {
+        "x": 45.49718479195076,
+        "y": -288.15106699547107
+      },
+      "selected": false,
+      "data": {
+        "label": "Find the detailed version of this roadmap along with other similar roadmaps",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "left",
+          "borderColor": "#000000",
+          "backgroundColor": "#FFFFFf"
+        }
+      },
+      "zIndex": 999,
+      "width": 354,
+      "height": 143,
+      "positionAbsolute": {
+        "x": 45.49718479195076,
+        "y": -288.15106699547107
+      },
+      "dragging": false,
+      "selectable": true,
+      "focusable": true,
+      "style": {
+        "width": 354,
+        "height": 143
+      },
+      "resizing": false
+    },
+    {
+      "id": "2zqZkyVgigifcRS1H7F_b",
+      "type": "button",
+      "position": {
+        "x": 58.7005592047509,
+        "y": -206.1655035777258
+      },
+      "selected": false,
+      "data": {
+        "label": "roadmap.sh",
+        "href": "https://roadmap.sh",
+        "color": "#ffffff",
+        "backgroundColor": "#4136D6",
+        "style": {
+          "fontSize": 17
         }
-      ]
-    },
-    "attributes": {
-      "name": "New Wireframe 1 copy 6",
-      "order": 1000022.7193818908,
-      "parentID": null,
-      "notes": ""
-    },
-    "branchID": "Master",
-    "resourceID": "DAF9FB64-BA77-40D4-BCEF-EEE21C480971",
-    "mockupH": "3278",
-    "mockupW": "1220",
-    "measuredW": "1378",
-    "measuredH": "3479",
-    "version": "1.0"
-  },
-  "groupOffset": {
-    "x": 0,
-    "y": 0
-  },
-  "dependencies": [],
-  "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/Android%20Roadmap.bmpr"
+      },
+      "zIndex": 999,
+      "width": 329,
+      "height": 49,
+      "dragging": false,
+      "style": {
+        "width": 329,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": 58.7005592047509,
+        "y": -206.1655035777258
+      },
+      "selectable": true,
+      "focusable": true
+    },
+    {
+      "width": 140,
+      "height": 49,
+      "id": "wA2fSYsbBYU02VJXAvUz8",
+      "type": "subtopic",
+      "position": {
+        "x": 264.99486256192824,
+        "y": 1667.0301235678273
+      },
+      "selected": false,
+      "data": {
+        "label": "Astro",
+        "style": {
+          "fontSize": 17,
+          "justifyContent": "flex-start",
+          "textAlign": "center"
+        },
+        "oldId": "zNFYAJaSq0YZXL5Rpx1NX",
+        "legend": {
+          "id": "NJhQIvMyMD1Cu-JA1UCmJ",
+          "color": "#874efe",
+          "label": "Personal Recommendation / Opinion",
+          "position": "right-center"
+        }
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 264.99486256192824,
+        "y": 1667.0301235678273
+      },
+      "style": {
+        "width": 140,
+        "height": 49
+      },
+      "resizing": false,
+      "focusable": true
+    },
+    {
+      "id": "_A1szF2RfITS21ZkihdVU",
+      "type": "label",
+      "position": {
+        "x": -589.4418542150819,
+        "y": 2748.163242675726
+      },
+      "selected": false,
+      "data": {
+        "label": "Browser APIs",
+        "href": "",
+        "color": "#000000",
+        "style": {
+          "fontSize": 17
+        },
+        "oldId": "dnVfC9N76qvTGKO9B-AW7"
+      },
+      "zIndex": 999,
+      "width": 118,
+      "height": 36,
+      "positionAbsolute": {
+        "x": -589.4418542150819,
+        "y": 2748.163242675726
+      },
+      "dragging": false,
+      "focusable": true
+    },
+    {
+      "id": "tJHq39GljlEahhhur11NE",
+      "type": "label",
+      "position": {
+        "x": -633.0537077765232,
+        "y": 2181.382968916314
+      },
+      "selected": false,
+      "data": {
+        "label": "Measure & Improve Perf.",
+        "href": "",
+        "color": "#000000",
+        "style": {
+          "fontSize": 17
+        },
+        "oldId": "_A1szF2RfITS21ZkihdVU"
+      },
+      "zIndex": 999,
+      "width": 207,
+      "height": 36,
+      "positionAbsolute": {
+        "x": -633.0537077765232,
+        "y": 2181.382968916314
+      },
+      "dragging": false,
+      "focusable": true
+    },
+    {
+      "width": 119,
+      "height": 49,
+      "id": "-sFboM4eFUMVq1tlPl-fV",
+      "type": "button",
+      "position": {
+        "x": 11.058722960661697,
+        "y": 2679.3089001088356
+      },
+      "selected": false,
+      "data": {
+        "label": "Fullstack",
+        "href": "https://roadmap.sh/nodejs",
+        "color": "#FFFFFf",
+        "backgroundColor": "#4136D6",
+        "style": {
+          "fontSize": 17
+        },
+        "borderColor": "#4136D6",
+        "oldId": "qXKNK_IsGS8-JgLK-Q9oU"
+      },
+      "zIndex": 999,
+      "dragging": false,
+      "positionAbsolute": {
+        "x": 11.058722960661697,
+        "y": 2679.3089001088356
+      },
+      "style": {
+        "width": 119,
+        "height": 49
+      },
+      "focusable": true,
+      "resizing": false
+    },
+    {
+      "id": "MfErpYwkJ0wiWJZEUVfrb",
+      "type": "button",
+      "position": {
+        "x": -654.8814218617622,
+        "y": -153.72969257809785
+      },
+      "selected": false,
+      "data": {
+        "label": "Visit Beginner Friendly Version",
+        "href": "/frontend?r=frontend-beginner",
+        "color": "#ffffff",
+        "backgroundColor": "#232323",
+        "style": {
+          "fontSize": 17
+        },
+        "oldId": "2zqZkyVgigifcRS1H7F_b"
+      },
+      "zIndex": 999,
+      "width": 351,
+      "height": 49,
+      "dragging": false,
+      "style": {
+        "width": 351,
+        "height": 49
+      },
+      "resizing": false,
+      "positionAbsolute": {
+        "x": -654.8814218617622,
+        "y": -153.72969257809785
+      },
+      "selectable": true,
+      "focusable": true
+    }
+  ],
+  "edges": [
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "jJebnKe4JftMXZ1lCsipq",
+      "sourceHandle": "x2",
+      "target": "VlNNwIEDWqQXtqkHWJYzC",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "tNkdpQjYu72eFK9f_W0RO",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "z2",
+      "target": "yCnn-NfSxIybUQ2iTuUGq",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "ronTDxAvatzbk4n5a-McM",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "z2",
+      "target": "R12sArWVpbIs_PHxBqVaR",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "gaNQ1Peug0eiN0Bfxhtgw",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "z2",
+      "target": "ZhSuu2VArnzPDp6dPQQSC",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "351utcB2QNjRmDe5bmcD1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "z2",
+      "target": "aqMaEY8gkKMikiqleV5EP",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "lupNr9zUQ0sXyzPBxcglQ",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "z2",
+      "target": "hkxw9jPGYphmjhTjw8766",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "2IVWwbU20VSU47qjiVU-f",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "z2",
+      "target": "P82WFaTPgQEPNp5IIuZ1Y",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "9MbeqIRipRgbe34jwalxo",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "sourceHandle": "x2",
+      "target": "eghnfG4p7i-EDWfp3CQXC",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "8cshqMXb08BgNWbrVWNgN",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "sourceHandle": "z2",
+      "target": "hVQ89f6G0LXEgHIOKHDYq",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "Qstlhy-gNuV1VlBRCpt-K",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "sourceHandle": "x2",
+      "target": "dsTegXTyupjS8iU6I7Xiv",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "ozlBen25ObLyQg-WHLdvh",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "sourceHandle": "x2",
+      "target": "mQHpSyMR4Rra4mqAslgiS",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "BY88vn8qizAFo0cUhDok2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "sourceHandle": "x2",
+      "target": "mQHpSyMR4Rra4mqAslgiS",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "hJleHhdVrlYr3XH62NbiP",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "sourceHandle": "y2",
+      "target": "0-AijuwIdYdGuiNnne4Yg",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "eFYSD5KybBoY_PcuN6Ol2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VlNNwIEDWqQXtqkHWJYzC",
+      "sourceHandle": "y2",
+      "target": "yWG2VUkaF5IJVVut6AiSy",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "type": "simplebezier",
+      "focusable": true,
+      "id": "reactflow__edge-VlNNwIEDWqQXtqkHWJYzCy2-yWG2VUkaF5IJVVut6AiSyz1"
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "yWG2VUkaF5IJVVut6AiSy",
+      "sourceHandle": "w2",
+      "target": "mH_qff8R7R6eLQ1tPHLgG",
+      "targetHandle": "x1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-yWG2VUkaF5IJVVut6AiSyw2-mH_qff8R7R6eLQ1tPHLgGx1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ZhJhf1M2OphYbEmduFq-9",
+      "sourceHandle": "z2",
+      "target": "YFjzPKWDwzrgk2HUX952L",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-YFjzPKWDwzrgk2HUX952Ly1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ZhJhf1M2OphYbEmduFq-9",
+      "sourceHandle": "z2",
+      "target": "dXeYVMXv-3MRQ1ovOUuJW",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-dXeYVMXv-3MRQ1ovOUuJWy2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ZhJhf1M2OphYbEmduFq-9",
+      "sourceHandle": "z2",
+      "target": "TKtWmArHn7elXRJdG6lDQ",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-TKtWmArHn7elXRJdG6lDQy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ZhJhf1M2OphYbEmduFq-9",
+      "sourceHandle": "y2",
+      "target": "yWG2VUkaF5IJVVut6AiSy",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "focusable": true,
+      "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9y2-yWG2VUkaF5IJVVut6AiSyz1"
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ODcfFEorkfJNupoQygM53",
+      "sourceHandle": "w2",
+      "target": "ZhJhf1M2OphYbEmduFq-9",
+      "targetHandle": "x1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53w2-ZhJhf1M2OphYbEmduFq-9x1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ODcfFEorkfJNupoQygM53",
+      "sourceHandle": "y2",
+      "target": "wQSjQqwKHfn5RGPk34BWI",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-wQSjQqwKHfn5RGPk34BWIz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ODcfFEorkfJNupoQygM53",
+      "sourceHandle": "y2",
+      "target": "0MAogsAID9R04R5TTO2Qa",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-0MAogsAID9R04R5TTO2Qaz2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ODcfFEorkfJNupoQygM53",
+      "sourceHandle": "y2",
+      "target": "A4brX0efjZ0FFPTB4r6U0",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-A4brX0efjZ0FFPTB4r6U0z1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ODcfFEorkfJNupoQygM53",
+      "sourceHandle": "z2",
+      "target": "NIY7c4TQEEHx0hATu-k5C",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-ODcfFEorkfJNupoQygM53z2-NIY7c4TQEEHx0hATu-k5Cy2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "NIY7c4TQEEHx0hATu-k5C",
+      "sourceHandle": "z2",
+      "target": "MXnFhZlNB1zTsBFDyni9H",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cz2-MXnFhZlNB1zTsBFDyni9Hy1",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "NIY7c4TQEEHx0hATu-k5C",
+      "sourceHandle": "x2",
+      "target": "R_I4SGYqLk5zze5I1zS_E",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cx2-R_I4SGYqLk5zze5I1zS_Ew1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "MXnFhZlNB1zTsBFDyni9H",
+      "sourceHandle": "w2",
+      "target": "DILBiQp7WWgSZ5hhtDW6A",
+      "targetHandle": "x2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hw2-DILBiQp7WWgSZ5hhtDW6Ax2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "MXnFhZlNB1zTsBFDyni9H",
+      "sourceHandle": "x2",
+      "target": "IqvS1V-98cxko3e9sBQgP",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hx2-IqvS1V-98cxko3e9sBQgPz1",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "IqvS1V-98cxko3e9sBQgP",
+      "sourceHandle": "y2",
+      "target": "SLxA5qJFp_28TRzr1BjxZ",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-SLxA5qJFp_28TRzr1BjxZz2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "IqvS1V-98cxko3e9sBQgP",
+      "sourceHandle": "y2",
+      "target": "ib_FHinhrw8VuSet-xMF7",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-ib_FHinhrw8VuSet-xMF7z2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "IqvS1V-98cxko3e9sBQgP",
+      "sourceHandle": "y2",
+      "target": "yrq3nOwFREzl-9EKnpU-e",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-yrq3nOwFREzl-9EKnpU-ez1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "IqvS1V-98cxko3e9sBQgP",
+      "sourceHandle": "x2",
+      "target": "eXezX7CVNyC1RuyU_I4yP",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPx2-eXezX7CVNyC1RuyU_I4yPw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "z2",
+      "target": "-bHFIiXnoUQSov64WI9yo",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2--bHFIiXnoUQSov64WI9yoy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "z2",
+      "target": "tG5v3O4lNIFc2uCnacPak",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-tG5v3O4lNIFc2uCnacPaky2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "z2",
+      "target": "ERAdwL1G9M1bnx-fOm5ZA",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ERAdwL1G9M1bnx-fOm5ZAy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "z2",
+      "target": "ZR-qZ2Lcbu3FtqaMd3wM4",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ZR-qZ2Lcbu3FtqaMd3wM4y1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "z2",
+      "target": "DxOSKnqAjZOPP-dq_U7oP",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-DxOSKnqAjZOPP-dq_U7oPy2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "z2",
+      "target": "N5DCb6bDfgUnSdHPLYY4g",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-N5DCb6bDfgUnSdHPLYY4gy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "eXezX7CVNyC1RuyU_I4yP",
+      "sourceHandle": "y2",
+      "target": "XDTD8el6OwuQ55wC-X4iV",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPy2-XDTD8el6OwuQ55wC-X4iVz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "XDTD8el6OwuQ55wC-X4iV",
+      "sourceHandle": "y2",
+      "target": "eghnfG4p7i-EDWfp3CQXC",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVy2-eghnfG4p7i-EDWfp3CQXCz2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "XDTD8el6OwuQ55wC-X4iV",
+      "sourceHandle": "x2",
+      "target": "nPg_YWpMJtlhU2t2UD_6B",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVx2-nPg_YWpMJtlhU2t2UD_6Bw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "dRDmS072xeNLX7p_X565w",
+      "sourceHandle": "z2",
+      "target": "nPg_YWpMJtlhU2t2UD_6B",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-dRDmS072xeNLX7p_X565wz2-nPg_YWpMJtlhU2t2UD_6By1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "nPg_YWpMJtlhU2t2UD_6B",
+      "sourceHandle": "z2",
+      "target": "UTW1pP59dUehuf0zeHXqL",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-nPg_YWpMJtlhU2t2UD_6Bz2-UTW1pP59dUehuf0zeHXqLy2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "i9z0stM4uKu27Cz6NIgNX",
+      "sourceHandle": "y2",
+      "target": "hkSc_1x09m7-7BO7WzlDT",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-hkSc_1x09m7-7BO7WzlDTz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "i9z0stM4uKu27Cz6NIgNX",
+      "sourceHandle": "y2",
+      "target": "9VcGfDBBD8YcKatj4VcH1",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-9VcGfDBBD8YcKatj4VcH1z2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hkSc_1x09m7-7BO7WzlDT",
+      "sourceHandle": "y2",
+      "target": "0Awx3zEI5_gYEIrD7IVX6",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-0Awx3zEI5_gYEIrD7IVX6z2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hkSc_1x09m7-7BO7WzlDT",
+      "sourceHandle": "y2",
+      "target": "4W7UXfdKIUsm1bUrjdTVT",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-4W7UXfdKIUsm1bUrjdTVTz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hkSc_1x09m7-7BO7WzlDT",
+      "sourceHandle": "y2",
+      "target": "twufEtHgxcRUWAUQ9bXus",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-twufEtHgxcRUWAUQ9bXusz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hkSc_1x09m7-7BO7WzlDT",
+      "sourceHandle": "y2",
+      "target": "sCjErk7rfWAUvhl8Kfm3n",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-sCjErk7rfWAUvhl8Kfm3nz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hkSc_1x09m7-7BO7WzlDT",
+      "sourceHandle": "y2",
+      "target": "NS-hwaWa5ebSmNNRoxFDp",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-NS-hwaWa5ebSmNNRoxFDpz2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "UTW1pP59dUehuf0zeHXqL",
+      "sourceHandle": "z2",
+      "target": "i9z0stM4uKu27Cz6NIgNX",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-UTW1pP59dUehuf0zeHXqLz2-i9z0stM4uKu27Cz6NIgNXw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "i9z0stM4uKu27Cz6NIgNX",
+      "sourceHandle": "x2",
+      "target": "igg4_hb3XE3vuvY8ufV-4",
+      "targetHandle": "w2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXx2-igg4_hb3XE3vuvY8ufV-4w2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "igg4_hb3XE3vuvY8ufV-4",
+      "sourceHandle": "x2",
+      "target": "jramLk8FGuaEH4YpHIyZT",
+      "targetHandle": "w2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4x2-jramLk8FGuaEH4YpHIyZTw2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "igg4_hb3XE3vuvY8ufV-4",
+      "sourceHandle": "y2",
+      "target": "g5itUjgRXd9vs9ujHezFl",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-g5itUjgRXd9vs9ujHezFlz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "igg4_hb3XE3vuvY8ufV-4",
+      "sourceHandle": "y2",
+      "target": "U5mD5FmVx7VWeKxDpQxB5",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-U5mD5FmVx7VWeKxDpQxB5z1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "RDWbG3Iui6IPgp0shvXtg",
+      "sourceHandle": "w2",
+      "target": "JanR7I_lNnUCXhCMGLdn-",
+      "targetHandle": "x2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgw2-JanR7I_lNnUCXhCMGLdn-x2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "U5mD5FmVx7VWeKxDpQxB5",
+      "sourceHandle": "y2",
+      "target": "RDWbG3Iui6IPgp0shvXtg",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-U5mD5FmVx7VWeKxDpQxB5y2-RDWbG3Iui6IPgp0shvXtgz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "RDWbG3Iui6IPgp0shvXtg",
+      "sourceHandle": "x2",
+      "target": "ruoFa3M4bUE3Dg6GXSiUI",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgx2-ruoFa3M4bUE3Dg6GXSiUIw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ruoFa3M4bUE3Dg6GXSiUI",
+      "sourceHandle": "x2",
+      "target": "Hk8AVonOd693_y1sykPqd",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIx2-Hk8AVonOd693_y1sykPqdw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "ruoFa3M4bUE3Dg6GXSiUI",
+      "sourceHandle": "z2",
+      "target": "hwPOGT0-duy3KfI8QaEwF",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-hwPOGT0-duy3KfI8QaEwFy2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hwPOGT0-duy3KfI8QaEwF",
+      "sourceHandle": "x2",
+      "target": "0asdhvwBH3gn-ercktV7A",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFx2-0asdhvwBH3gn-ercktV7Aw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "3TE_iYvbklXK0be-5f2M7",
+      "sourceHandle": "z2",
+      "target": "BBsXxkbbEG-gnbM1xXKrj",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-3TE_iYvbklXK0be-5f2M7z2-BBsXxkbbEG-gnbM1xXKrjy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "OL8I6nOZ8hGGWmtxg_Mv8",
+      "sourceHandle": "z2",
+      "target": "P4st_telfCwKLSAU2WsQP",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-OL8I6nOZ8hGGWmtxg_Mv8z2-P4st_telfCwKLSAU2WsQPy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "L7AllJfKvClaam3y-u6DP",
+      "sourceHandle": "w2",
+      "target": "0moPO23ol33WsjVXSpTGf",
+      "targetHandle": "x2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-L7AllJfKvClaam3y-u6DPw2-0moPO23ol33WsjVXSpTGfx2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "n0q32YhWEIAUwbGXexoqV",
+      "sourceHandle": "z2",
+      "target": "VOGKiG2EZVfCBAaa7Df0W",
+      "targetHandle": "y2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "id": "reactflow__edge-n0q32YhWEIAUwbGXexoqVz2-VOGKiG2EZVfCBAaa7Df0Wy2",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "KMA7NkxFbPoUDtFnGBFnj",
+      "sourceHandle": "y2",
+      "target": "mQHpSyMR4Rra4mqAslgiS",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-mQHpSyMR4Rra4mqAslgiSz2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "KMA7NkxFbPoUDtFnGBFnj",
+      "sourceHandle": "y2",
+      "target": "GJctl0tVXe4B70s35RkLT",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-GJctl0tVXe4B70s35RkLTz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "KMA7NkxFbPoUDtFnGBFnj",
+      "sourceHandle": "y2",
+      "target": "2MRvAK9G9RGM_auWytcKh",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-2MRvAK9G9RGM_auWytcKhz1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "KMA7NkxFbPoUDtFnGBFnj",
+      "sourceHandle": "x2",
+      "target": "0vLaVNJaJSHZ_bHli6Qzs",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjx2-0vLaVNJaJSHZ_bHli6Qzsw1",
+      "selected": false,
+      "type": "simplebezier",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "Cxspmb14_0i1tfw-ZLxEu",
+      "sourceHandle": "x2",
+      "target": "L7AllJfKvClaam3y-u6DP",
+      "targetHandle": "z2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEux2-L7AllJfKvClaam3y-u6DPz2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "hwPOGT0-duy3KfI8QaEwF",
+      "sourceHandle": "z2",
+      "target": "Cxspmb14_0i1tfw-ZLxEu",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "focusable": true,
+      "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFz2-Cxspmb14_0i1tfw-ZLxEuw1"
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "Cxspmb14_0i1tfw-ZLxEu",
+      "sourceHandle": "z2",
+      "target": "SGDf_rbfmFSHlxI-Czzlz",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuz2-SGDf_rbfmFSHlxI-Czzlzy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "Cxspmb14_0i1tfw-ZLxEu",
+      "sourceHandle": "z2",
+      "target": "k6rp6Ua9qUEW_DA_fOg5u",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuz2-k6rp6Ua9qUEW_DA_fOg5uy1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "Cxspmb14_0i1tfw-ZLxEu",
+      "sourceHandle": "z2",
+      "target": "3TE_iYvbklXK0be-5f2M7",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuz2-3TE_iYvbklXK0be-5f2M7y1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "Cxspmb14_0i1tfw-ZLxEu",
+      "sourceHandle": "z2",
+      "target": "OL8I6nOZ8hGGWmtxg_Mv8",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuz2-OL8I6nOZ8hGGWmtxg_Mv8y1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "SGDf_rbfmFSHlxI-Czzlz",
+      "sourceHandle": "z2",
+      "target": "wA2fSYsbBYU02VJXAvUz8",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-wA2fSYsbBYU02VJXAvUz8y1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "SGDf_rbfmFSHlxI-Czzlz",
+      "sourceHandle": "z2",
+      "target": "KJRkrFZIihCUBrOf579EU",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-KJRkrFZIihCUBrOf579EUy1",
+      "selected": false,
+      "type": "straight",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "L7AllJfKvClaam3y-u6DP",
+      "sourceHandle": "x2",
+      "target": "PoM77O2OtxPELxfrW1wtl",
+      "targetHandle": "w2",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "id": "reactflow__edge-L7AllJfKvClaam3y-u6DPx2-PoM77O2OtxPELxfrW1wtlw2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "PoM77O2OtxPELxfrW1wtl",
+      "sourceHandle": "x2",
+      "target": "mB3hZvAfRr6kCEbF6t-yz",
+      "targetHandle": "w1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-mB3hZvAfRr6kCEbF6t-yzw1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "PoM77O2OtxPELxfrW1wtl",
+      "sourceHandle": "y2",
+      "target": "3_sJHKTogkDoCjR518-OL",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "selected": false,
+      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtly2-3_sJHKTogkDoCjR518-OLz1",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "PoM77O2OtxPELxfrW1wtl",
+      "sourceHandle": "z2",
+      "target": "n0q32YhWEIAUwbGXexoqV",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "focusable": true,
+      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlz2-n0q32YhWEIAUwbGXexoqVy1"
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "SGDf_rbfmFSHlxI-Czzlz",
+      "sourceHandle": "z2",
+      "target": "zNFYAJaSq0YZXL5Rpx1NX",
+      "targetHandle": "y1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-zNFYAJaSq0YZXL5Rpx1NXy1",
+      "selected": false,
+      "type": "straight",
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "n0q32YhWEIAUwbGXexoqV",
+      "sourceHandle": "w2",
+      "target": "io0RHJWIcVxDhcYkV9d38",
+      "targetHandle": "x1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-n0q32YhWEIAUwbGXexoqVw2-io0RHJWIcVxDhcYkV9d38x1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "n0q32YhWEIAUwbGXexoqV",
+      "sourceHandle": "x2",
+      "target": "XWJxV42Dpu2D3xDK10Pn3",
+      "targetHandle": "w2",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-n0q32YhWEIAUwbGXexoqVx2-XWJxV42Dpu2D3xDK10Pn3w2",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VOGKiG2EZVfCBAaa7Df0W",
+      "sourceHandle": "w2",
+      "target": "xmRv6-L45m5MDpHmdHFCL",
+      "targetHandle": "x1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Ww2-xmRv6-L45m5MDpHmdHFCLx1",
+      "selected": false,
+      "focusable": true
+    },
+    {
+      "style": {
+        "strokeDasharray": "0",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "VOGKiG2EZVfCBAaa7Df0W",
+      "sourceHandle": "x2",
+      "target": "KMA7NkxFbPoUDtFnGBFnj",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "solid"
+      },
+      "selected": false,
+      "focusable": true,
+      "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Wx2-KMA7NkxFbPoUDtFnGBFnjz1",
+      "type": "step"
+    },
+    {
+      "style": {
+        "strokeDasharray": "0.8 8",
+        "strokeLinecap": "round",
+        "strokeWidth": 3.5,
+        "stroke": "#2b78e4"
+      },
+      "source": "PoM77O2OtxPELxfrW1wtl",
+      "sourceHandle": "y2",
+      "target": "raoa-75p_DyBAycvy3yVv",
+      "targetHandle": "z1",
+      "data": {
+        "edgeStyle": "dashed"
+      },
+      "selected": false,
+      "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtly2-raoa-75p_DyBAycvy3yVvz1",
+      "focusable": true
+    }
+  ]
 }
\ No newline at end of file
diff --git a/src/data/roadmaps/frontend/frontend.md b/src/data/roadmaps/frontend/frontend.md
index 956539a1e..1a5bb51f5 100644
--- a/src/data/roadmaps/frontend/frontend.md
+++ b/src/data/roadmaps/frontend/frontend.md
@@ -1,4 +1,5 @@
 ---
+renderer: 'editor'
 jsonUrl: '/jsons/roadmaps/frontend.json'
 pdfUrl: '/pdfs/roadmaps/frontend.pdf'
 order: 1
@@ -7,7 +8,6 @@ briefDescription: 'Step by step guide to becoming a frontend developer in 2024'
 title: 'Frontend Developer'
 description: 'Step by step guide to becoming a modern frontend developer in 2024'
 hasTopics: true
-isForkable: true
 tnsBannerLink: 'https://thenewstack.io?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Alert'
 question:
   title: 'What is Frontend Development?'
@@ -18,7 +18,7 @@ question:
     As a front-end developer, you'll be responsible for creating the user interface of a website, to ensure it looks good and is easy to use, with great focus on design principles and user experience. You'll be working closely with designers, back-end developers, and project managers to make sure the final product meets the client's needs and provides the best possible experience for the end-users.
 dimensions:
   width: 968
-  height: 2587.63
+  height: 2775
 schema:
   headline: 'Frontend Developer Roadmap: What is Frontend Development?'
   description: 'Learn what Frontend Development is, what frontend developers do and how to become a modern frontend developer using our community-driven roadmap.'
diff --git a/src/data/roadmaps/frontend/migration-mapping.json b/src/data/roadmaps/frontend/migration-mapping.json
new file mode 100644
index 000000000..57595e208
--- /dev/null
+++ b/src/data/roadmaps/frontend/migration-mapping.json
@@ -0,0 +1,115 @@
+{
+  "internet": "VlNNwIEDWqQXtqkHWJYzC",
+  "internet:how-does-the-internet-work": "yCnn-NfSxIybUQ2iTuUGq",
+  "internet:what-is-http": "R12sArWVpbIs_PHxBqVaR",
+  "internet:what-is-domain-name": "ZhSuu2VArnzPDp6dPQQSC",
+  "internet:what-is-hosting": "aqMaEY8gkKMikiqleV5EP",
+  "internet:dns-and-how-it-works": "hkxw9jPGYphmjhTjw8766",
+  "internet:browsers-and-how-they-work": "P82WFaTPgQEPNp5IIuZ1Y",
+  "html": "yWG2VUkaF5IJVVut6AiSy",
+  "html:learn-the-basics": "PCirR2QiFYO89Fm-Ev3o1",
+  "html:writing-semantic-html": "z8-556o-PaHXjlytrawaF",
+  "html:forms-and-validations": "V5zucKEHnIPPjwHqsMPHF",
+  "html:accessibility": "iJIqi7ngpGHWAqtgdjgxB",
+  "html:seo-basics": "mH_qff8R7R6eLQ1tPHLgG",
+  "css": "ZhJhf1M2OphYbEmduFq-9",
+  "css:learn-the-basics": "YFjzPKWDwzrgk2HUX952L",
+  "css:making-layouts": "dXeYVMXv-3MRQ1ovOUuJW",
+  "css:responsive-design-and-media-queries": "TKtWmArHn7elXRJdG6lDQ",
+  "javascript": "ODcfFEorkfJNupoQygM53",
+  "javascript:syntax-and-basic-constructs": "wQSjQqwKHfn5RGPk34BWI",
+  "javascript:learn-dom-manipulation": "0MAogsAID9R04R5TTO2Qa",
+  "javascript:learn-fetch-api-ajax-xhr": "A4brX0efjZ0FFPTB4r6U0",
+  "version-control-systems": "NIY7c4TQEEHx0hATu-k5C",
+  "version-control-systems:basic-usage-of-git": "R_I4SGYqLk5zze5I1zS_E",
+  "repo-hosting-services": "MXnFhZlNB1zTsBFDyni9H",
+  "repo-hosting-services:github": "qmTVMJDsEhNIkiwE_UTYu",
+  "repo-hosting-services:gitlab": "zIoSJMX3cuzCgDYHjgbEh",
+  "repo-hosting-services:bitbucket": "DILBiQp7WWgSZ5hhtDW6A",
+  "pick-a-framework:react-js": "tG5v3O4lNIFc2uCnacPak",
+  "pick-a-framework:vue-js": "ERAdwL1G9M1bnx-fOm5ZA",
+  "pick-a-framework:angular": "-bHFIiXnoUQSov64WI9yo",
+  "pick-a-framework:svelte": "ZR-qZ2Lcbu3FtqaMd3wM4",
+  "pick-a-framework:solid-js": "DxOSKnqAjZOPP-dq_U7oP",
+  "pick-a-framework:qwik": "N5DCb6bDfgUnSdHPLYY4g",
+  "pick-a-framework": "eXezX7CVNyC1RuyU_I4yP",
+  "package-managers": "IqvS1V-98cxko3e9sBQgP",
+  "package-managers:npm": "ib_FHinhrw8VuSet-xMF7",
+  "package-managers:pnpm": "SLxA5qJFp_28TRzr1BjxZ",
+  "package-managers:yarn": "yrq3nOwFREzl-9EKnpU-e",
+  "modern-css": "XDTD8el6OwuQ55wC-X4iV",
+  "css-frameworks:js-first:tailwind-css": "eghnfG4p7i-EDWfp3CQXC",
+  "css-architecture": "nPg_YWpMJtlhU2t2UD_6B",
+  "css-architecture:bem": "dRDmS072xeNLX7p_X565w",
+  "css-preprocessors": "UTW1pP59dUehuf0zeHXqL",
+  "css-preprocessors:sass": "kukEE5rMSPa4NeNjx21kt",
+  "css-preprocessors:postcss": "9WlPENh9g1xOv-zA64Tfg",
+  "build-tools": "i9z0stM4uKu27Cz6NIgNX",
+  "build-tools:module-bundlers": "hkSc_1x09m7-7BO7WzlDT",
+  "build-tools:linters-formatters": "9VcGfDBBD8YcKatj4VcH1",
+  "build-tools:linters-formatters:prettier": "zbkpu_gvQ4mgCiZKzS1xv",
+  "build-tools:linters-formatters:eslint": "NFjsI712_qP0IOmjuqXar",
+  "build-tools:module-bundlers:vite": "0Awx3zEI5_gYEIrD7IVX6",
+  "build-tools:module-bundlers:esbuild": "4W7UXfdKIUsm1bUrjdTVT",
+  "build-tools:module-bundlers:webpack": "twufEtHgxcRUWAUQ9bXus",
+  "build-tools:module-bundlers:rollup": "sCjErk7rfWAUvhl8Kfm3n",
+  "build-tools:module-bundlers:parcel": "NS-hwaWa5ebSmNNRoxFDp",
+  "testing-your-apps": "igg4_hb3XE3vuvY8ufV-4",
+  "testing-your-apps:vitest": "hVQ89f6G0LXEgHIOKHDYq",
+  "testing-your-apps:jest": "g5itUjgRXd9vs9ujHezFl",
+  "testing-your-apps:playwright": "jramLk8FGuaEH4YpHIyZT",
+  "testing-your-apps:cypress": "DaynCz5RR26gjT6N6gTDL",
+  "auth-strategies": "U5mD5FmVx7VWeKxDpQxB5",
+  "web-security-knowledge": "RDWbG3Iui6IPgp0shvXtg",
+  "web-security-knowledge:cors": "AfH2zCbqzw0Nisg1yyISS",
+  "web-security-knowledge:https": "uum7vOhOUR38vLuGZy8Oa",
+  "web-security-knowledge:content-security-policy": "rmcm0CZbtNVC9LZ14-H6h",
+  "web-security-knowledge:owasp-security-risks": "JanR7I_lNnUCXhCMGLdn-",
+  "web-components": "ruoFa3M4bUE3Dg6GXSiUI",
+  "web-components:html-templates": "Hk8AVonOd693_y1sykPqd",
+  "web-components:custom-elements": "VxiQPgcYDFAT6WgSRWpIA",
+  "web-components:shadow-dom": "-SpsNeOZBkQfDA-rwzgPg",
+  "server-side-rendering": "Cxspmb14_0i1tfw-ZLxEu",
+  "type-checkers": "hwPOGT0-duy3KfI8QaEwF",
+  "type-checkers:typescript": "0asdhvwBH3gn-ercktV7A",
+  "server-side-rendering:react-js": "SGDf_rbfmFSHlxI-Czzlz",
+  "server-side-rendering:angular": "k6rp6Ua9qUEW_DA_fOg5u",
+  "server-side-rendering:vue-js": "3TE_iYvbklXK0be-5f2M7",
+  "server-side-rendering:svelte": "OL8I6nOZ8hGGWmtxg_Mv8",
+  "server-side-rendering:react-js:next-js": "zNFYAJaSq0YZXL5Rpx1NX",
+  "server-side-rendering:react-js:remix": "KJRkrFZIihCUBrOf579EU",
+  "server-side-rendering:vue-js:nuxt-js": "BBsXxkbbEG-gnbM1xXKrj",
+  "server-side-rendering:svelte:svelte-kit": "P4st_telfCwKLSAU2WsQP",
+  "graphql": "L7AllJfKvClaam3y-u6DP",
+  "graphql:apollo": "5eUbDdOTOfaOhUlZAmmXW",
+  "graphql:relay-modern": "0moPO23ol33WsjVXSpTGf",
+  "static-site-generators": "n0q32YhWEIAUwbGXexoqV",
+  "progressive-web-apps": "PoM77O2OtxPELxfrW1wtl",
+  "static-site-generators:vuepress": "CMrss8E2W0eA6DVEqtPjT",
+  "static-site-generators:astro": "iUxXq7beg55y76dkwhM13",
+  "static-site-generators:next-js": "V70884VcuXkfrfHyLGtUg",
+  "static-site-generators:eleventy": "io0RHJWIcVxDhcYkV9d38",
+  "static-site-generators:nuxt-js": "XWJxV42Dpu2D3xDK10Pn3",
+  "progressive-web-apps:prpl-pattern": "-DsETM9xLgHyGZthptj1Y",
+  "progressive-web-apps:rail-model": "xD5WfEP7Ez0oi3890UgmH",
+  "progressive-web-apps:performance-metrics": "X0Y3-IpPiFUCsNDK4RFxw",
+  "progressive-web-apps:lighthouse": "RIhHMHLsLLPhNl05Q9aBf",
+  "progressive-web-apps:browser-devtools": "3_sJHKTogkDoCjR518-OL",
+  "progressive-web-apps:storage": "raoa-75p_DyBAycvy3yVv",
+  "progressive-web-apps:web-sockets": "NDJR8UCoa31v45TBFP7we",
+  "progressive-web-apps:server-sent-events": "doPe92aUpo-8KWhi45lWK",
+  "progressive-web-apps:service-workers": "TldWoXiqKxM4X3JONKAR7",
+  "progressive-web-apps:location": "YbGGYoKJEx29PlvopUBiM",
+  "progressive-web-apps:notifications": "6AlcArOiJMhHXguAosDzn",
+  "progressive-web-apps:device-orientation": "Fd0hQh1DleM0gMzCpGou4",
+  "progressive-web-apps:payments": "MAM1nuVk-h4AvTUk4nvmj",
+  "progressive-web-apps:credentials": "opu2bAsmdWHqWqtsCscLC",
+  "desktop-applications:electron": "mQHpSyMR4Rra4mqAslgiS",
+  "desktop-applications:tauri": "GJctl0tVXe4B70s35RkLT",
+  "desktop-applications:flutter": "2MRvAK9G9RGM_auWytcKh",
+  "desktop-applications": "KMA7NkxFbPoUDtFnGBFnj",
+  "mobile-applications": "VOGKiG2EZVfCBAaa7Df0W",
+  "mobile-applications:react-native": "dsTegXTyupjS8iU6I7Xiv",
+  "mobile-applications:flutter": "dIQXjFEUAJAGxxfAYceHU",
+  "mobile-applications:ionic": "xmRv6-L45m5MDpHmdHFCL"
+}
\ No newline at end of file
diff --git a/src/data/roadmaps/product-manager/product-manager.json b/src/data/roadmaps/product-manager/product-manager.json
index f4efae816..26a1fc06c 100644
--- a/src/data/roadmaps/product-manager/product-manager.json
+++ b/src/data/roadmaps/product-manager/product-manager.json
@@ -603,7 +603,7 @@
         "x": 833.2357162642066,
         "y": -167.8282364125966
       },
-      "selected": true,
+      "selected": false,
       "data": {
         "label": "Find the detailed version of this roadmap along with other similar roadmaps",
         "style": {
@@ -636,7 +636,7 @@
         "x": 846.4390906770068,
         "y": -85.84267299485134
       },
-      "selected": true,
+      "selected": false,
       "data": {
         "label": "roadmap.sh",
         "href": "https://roadmap.sh",
diff --git a/src/lib/resource-progress.ts b/src/lib/resource-progress.ts
index bbb4f52d5..8d4e88860 100644
--- a/src/lib/resource-progress.ts
+++ b/src/lib/resource-progress.ts
@@ -81,6 +81,31 @@ export async function updateResourceProgress(
   return response;
 }
 
+export function clearMigratedRoadmapProgress(
+  resourceType: string,
+  resourceId: string,
+) {
+  const migratedRoadmaps = ['frontend'];
+
+  if (!migratedRoadmaps.includes(resourceId)) {
+    return;
+  }
+
+  const userId = getUser()?.id;
+  if (!userId) {
+    return;
+  }
+
+  const roadmapKey = `${resourceType}-${resourceId}-${userId}-progress`;
+  const clearedKey = `${resourceType}-${resourceId}-${userId}-cleared`;
+  if (localStorage.getItem(clearedKey)) {
+    return;
+  }
+
+  localStorage.removeItem(roadmapKey);
+  localStorage.setItem(clearedKey, '1');
+}
+
 export async function getResourceProgress(
   resourceType: 'roadmap' | 'best-practice',
   resourceId: string,