diff --git a/src/components/EditorRoadmap/EditorRoadmap.tsx b/src/components/EditorRoadmap/EditorRoadmap.tsx
index d69974240..822422ae8 100644
--- a/src/components/EditorRoadmap/EditorRoadmap.tsx
+++ b/src/components/EditorRoadmap/EditorRoadmap.tsx
@@ -7,6 +7,8 @@ import { Spinner } from '../ReactIcons/Spinner';
 import 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';
 
 type EditorRoadmapProps = {
   resourceId: string;
@@ -20,6 +22,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 +30,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 +43,28 @@ export function EditorRoadmap(props: EditorRoadmapProps) {
 
     setRoadmapData(response);
     setIsLoading(false);
+    setHasSwitchedRoadmap(!!switchRoadmapId);
   };
 
   useEffect(() => {
     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 +80,13 @@ 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 justify-center"
+      className={'flex aspect-[var(--aspect-ratio)] w-full justify-center flex-col'}
     >
       <EditorRoadmapRenderer
         {...roadmapData}
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