Frontend-Development-Life-Cycle/Frontend_Development_Life_Cycle.xml at main · navanathjadhav/Frontend-Development-Life-Cycle · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
<mxfile host="app.diagrams.net" modified="2023-09-16T11:12:58.322Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36" etag="VhwljBRIT9y1w8hqz6Mf" version="21.7.2" type="device">
  <diagram name="Page-1" id="ToyJMFH1o43rnxruZOfk">
    <mxGraphModel dx="951" dy="635" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-125" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; SEMRUSH" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#FA6234;" parent="1" vertex="1">
          <mxGeometry x="601.5" y="2450" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-1" value="&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot; data-font-src=&quot;https://fonts.googleapis.com/css?family=Architects+Daughter&quot;&gt;Project &lt;br&gt;Initiation&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="247.5" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-2" value="Discussions with Stakeholders &amp; Idea generation" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="265" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-3" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Zoom" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#078CFB;" parent="1" vertex="1">
          <mxGeometry x="940" y="225" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-5" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn2.iconfinder.com/data/icons/social-media-2420/512/Zoom-128.png" parent="1" vertex="1">
          <mxGeometry x="950" y="231" width="28" height="28" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-6" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Meet" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#EA3F30;" parent="1" vertex="1">
          <mxGeometry x="940" y="320" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-8" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://seeklogo.com/images/G/google-meet-logo-0CF63C99D6-seeklogo.com.png;" parent="1" vertex="1">
          <mxGeometry x="949" y="324.16" width="30" height="32.85" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-9" value="" style="endArrow=none;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-1" target="hfwC3YrNNnEF9MmeUdG6-2" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="420" as="sourcePoint" />
            <mxPoint x="720" y="370" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-11" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-2" target="hfwC3YrNNnEF9MmeUdG6-3" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="420" as="sourcePoint" />
            <mxPoint x="720" y="370" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-12" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-2" target="hfwC3YrNNnEF9MmeUdG6-6" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="890" y="303" as="sourcePoint" />
            <mxPoint x="950" y="255" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-13" value="Feasibility Analysis" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="450" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-14" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; SurveyMonkey" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#4AC070;" parent="1" vertex="1">
          <mxGeometry x="940" y="410" width="140" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-16" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Sheets" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#3EA665;" parent="1" vertex="1">
          <mxGeometry x="940" y="505" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-18" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-13" target="hfwC3YrNNnEF9MmeUdG6-14" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="605" as="sourcePoint" />
            <mxPoint x="720" y="555" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-19" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-13" target="hfwC3YrNNnEF9MmeUdG6-16" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="890" y="488" as="sourcePoint" />
            <mxPoint x="950" y="440" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-20" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://www.go-cart.com.au/wp-content/uploads/2017/12/surveymonkey-logo.png;" parent="1" vertex="1">
          <mxGeometry x="949" y="415" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-21" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Google_Sheets_logo_%282014-2020%29.svg/1498px-Google_Sheets_logo_%282014-2020%29.svg.png;" parent="1" vertex="1">
          <mxGeometry x="952.5" y="509.57000000000005" width="23" height="31.43" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-22" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-13" target="hfwC3YrNNnEF9MmeUdG6-2" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="710" y="440" as="sourcePoint" />
            <mxPoint x="760" y="390" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-23" value="&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot;&gt;Requirement Gathering&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="592.5" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-24" value="Use case diagram" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="610" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-25" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Draw.io" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#F08A32;" parent="1" vertex="1">
          <mxGeometry x="940" y="617.5" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-29" value="" style="endArrow=none;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-23" target="hfwC3YrNNnEF9MmeUdG6-24" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="765" as="sourcePoint" />
            <mxPoint x="720" y="715" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-30" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-24" target="hfwC3YrNNnEF9MmeUdG6-25" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="765" as="sourcePoint" />
            <mxPoint x="720" y="715" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-32" value="User stories" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="795" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-33" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Jira" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#0E67E1;" parent="1" vertex="1">
          <mxGeometry x="940" y="755" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-34" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Trello" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#027DC6;" parent="1" vertex="1">
          <mxGeometry x="940" y="850" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-35" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-32" target="hfwC3YrNNnEF9MmeUdG6-33" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="950" as="sourcePoint" />
            <mxPoint x="720" y="900" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-36" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-32" target="hfwC3YrNNnEF9MmeUdG6-34" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="890" y="833" as="sourcePoint" />
            <mxPoint x="950" y="785" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-39" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-32" target="hfwC3YrNNnEF9MmeUdG6-24" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="710" y="785" as="sourcePoint" />
            <mxPoint x="760" y="735" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-40" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Diagrams.net_Logo.svg/800px-Diagrams.net_Logo.svg.png;" parent="1" vertex="1">
          <mxGeometry x="952.5" y="622.5" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-41" value="" style="image;html=1;image=img/lib/atlassian/Jira_Logo.svg;" parent="1" vertex="1">
          <mxGeometry x="950" y="760" width="30" height="32" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-42" value="" style="image;html=1;image=img/lib/atlassian/Trello_Logo.svg;" parent="1" vertex="1">
          <mxGeometry x="948.5" y="855" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-43" value="&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot;&gt;Design and Planning&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="980" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-44" value="Creating sketches" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="997.5" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-46" value="" style="endArrow=none;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-43" target="hfwC3YrNNnEF9MmeUdG6-44" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="1152.5" as="sourcePoint" />
            <mxPoint x="720" y="1102.5" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-48" value="Wireframing" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="1182.5" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-53" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-48" target="hfwC3YrNNnEF9MmeUdG6-44" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="710" y="1172.5" as="sourcePoint" />
            <mxPoint x="760" y="1122.5" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-57" value="Component design" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="1370" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-58" value="User Flows" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="1560" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-59" value="Detailed Designs" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="1753.5" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-60" value="Style guide development" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="1940" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-61" value="Prototype" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="2130" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-62" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; FigJam" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#9D77FC;" parent="1" vertex="1">
          <mxGeometry x="940" y="955" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-63" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Sketchpad" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#E6538A;" parent="1" vertex="1">
          <mxGeometry x="940" y="1050" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-66" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://img.stackshare.io/service/25530/default_a7d3c99b89c49a03ff2d092364a0fb5e02ccf5fe.png;" parent="1" vertex="1">
          <mxGeometry x="951.5" y="961.5" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-67" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://images.g2crowd.com/uploads/product/image/social_landscape/social_landscape_0823c368c125ea3feff72164704ad64d/sketch-io.png;clipPath=inset(15.82% 23% 13.92% 23%);" parent="1" vertex="1">
          <mxGeometry x="947.5" y="1056.3" width="40" height="27.41" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-68" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-44" target="hfwC3YrNNnEF9MmeUdG6-62" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="970" y="1230" as="sourcePoint" />
            <mxPoint x="1020" y="1180" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-69" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-44" target="hfwC3YrNNnEF9MmeUdG6-63" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="890" y="1035" as="sourcePoint" />
            <mxPoint x="950" y="985" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-70" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Wireframing" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#E6538A;" parent="1" vertex="1">
          <mxGeometry x="940" y="1190" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-77" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://assets.justinmind.com/wp-content/uploads/2022/08/justinmind-logo-color-staked.png;clipPath=inset(5.56% 11% 11.35% 10%);" parent="1" vertex="1">
          <mxGeometry x="952.5" y="1197.12" width="35.5" height="25.76" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-78" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-48" target="hfwC3YrNNnEF9MmeUdG6-70" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="830" y="1370" as="sourcePoint" />
            <mxPoint x="880" y="1320" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-79" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Sketch" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#E96E30;" parent="1" vertex="1">
          <mxGeometry x="1050" y="1706" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-81" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Figma" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#E6538A;" parent="1" vertex="1">
          <mxGeometry x="1050" y="1816" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-83" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://cdn.freebiesupply.com/logos/large/2x/sketch-2-logo-png-transparent.png;" parent="1" vertex="1">
          <mxGeometry x="1063" y="1712.72" width="31.25" height="28.28" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-84" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Figma-logo.svg/1667px-Figma-logo.svg.png;" parent="1" vertex="1">
          <mxGeometry x="1067.13" y="1822.5" width="19" height="28.5" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-85" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-57" target="hfwC3YrNNnEF9MmeUdG6-79" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1150" y="1720" as="sourcePoint" />
            <mxPoint x="1200" y="1670" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-86" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-59" target="hfwC3YrNNnEF9MmeUdG6-79" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1120" y="1710" as="sourcePoint" />
            <mxPoint x="1170" y="1660" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-87" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-61" target="hfwC3YrNNnEF9MmeUdG6-79" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1120" y="2040" as="sourcePoint" />
            <mxPoint x="1170" y="1990" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-88" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-57" target="hfwC3YrNNnEF9MmeUdG6-81" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1050" y="1480" as="sourcePoint" />
            <mxPoint x="1100" y="1430" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-89" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-58" target="hfwC3YrNNnEF9MmeUdG6-81" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1050" y="1680" as="sourcePoint" />
            <mxPoint x="1100" y="1630" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-90" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-59" target="hfwC3YrNNnEF9MmeUdG6-81" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1030" y="1770" as="sourcePoint" />
            <mxPoint x="1080" y="1720" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-91" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-61" target="hfwC3YrNNnEF9MmeUdG6-81" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1030" y="1970" as="sourcePoint" />
            <mxPoint x="1080" y="1920" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-92" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Wireflow" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#4871F9;" parent="1" vertex="1">
          <mxGeometry x="1050" y="1567.5" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-94" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://opencollective-production.s3-us-west-1.amazonaws.com/47d9f940-d4eb-11e7-89dc-cd36c6b3fe8c.png;clipPath=inset(15.2% 9.6% 15.2% 8.8%);" parent="1" vertex="1">
          <mxGeometry x="1057" y="1569.79" width="36" height="30.71" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-95" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-58" target="hfwC3YrNNnEF9MmeUdG6-92" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1070" y="1760" as="sourcePoint" />
            <mxPoint x="1120" y="1710" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-96" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-57" target="hfwC3YrNNnEF9MmeUdG6-48" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="990" y="1330" as="sourcePoint" />
            <mxPoint x="1040" y="1280" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-97" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-58" target="hfwC3YrNNnEF9MmeUdG6-57" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="900" y="1670" as="sourcePoint" />
            <mxPoint x="950" y="1620" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-98" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-59" target="hfwC3YrNNnEF9MmeUdG6-58" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="900" y="1840" as="sourcePoint" />
            <mxPoint x="950" y="1790" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-99" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-60" target="hfwC3YrNNnEF9MmeUdG6-59" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="900" y="1930" as="sourcePoint" />
            <mxPoint x="950" y="1880" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-100" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-61" target="hfwC3YrNNnEF9MmeUdG6-60" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="900" y="2160" as="sourcePoint" />
            <mxPoint x="950" y="2110" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-101" value="&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot;&gt;Content &lt;br&gt;Creation&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="2250" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-106" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Grammarly" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#3EBA96;" parent="1" vertex="1">
          <mxGeometry x="600" y="2240" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-112" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://s3.amazonaws.com/cdn.app.cte.virginia.edu/tools/images/qRwEQg8jEgl3eKlT4Em8MX0hK6a3xa5g0dLl7I15.png;" parent="1" vertex="1">
          <mxGeometry x="612" y="2245" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-113" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#191B47;" parent="1" vertex="1">
          <mxGeometry x="600" y="2310" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-118" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://www.softools.de/wp-content/uploads/2022/04/CopyAI-Logo.png;clipPath=inset(23.4% 3.33% 23.4% 3%);" parent="1" vertex="1">
          <mxGeometry x="624" y="2315.88" width="85" height="30.25" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-119" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://seeklogo.com/images/C/chatgpt-logo-02AFA704B5-seeklogo.com.png;" parent="1" vertex="1">
          <mxGeometry x="610" y="2383.62" width="32.94" height="33.38" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-120" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ChatGPT" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="2380" width="130" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-127" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://www.semrush.com/news/assets/customs/semrush_60169/semrush_fireball-4b224be34b146eed25ca3d8efa414f2445287c777aa525ac3a9b055cf7579f77.png;clipPath=inset(23.89% 28.67% 26.43% 29.33%);" parent="1" vertex="1">
          <mxGeometry x="607.04" y="2455.7900000000004" width="45.92" height="28.43" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-128" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-101" target="hfwC3YrNNnEF9MmeUdG6-106" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="630" y="2450" as="sourcePoint" />
            <mxPoint x="680" y="2400" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-129" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-101" target="hfwC3YrNNnEF9MmeUdG6-113" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="484" y="2305" as="sourcePoint" />
            <mxPoint x="610" y="2270" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-130" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-101" target="hfwC3YrNNnEF9MmeUdG6-120" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="484" y="2305" as="sourcePoint" />
            <mxPoint x="610" y="2340" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-131" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-101" target="hfwC3YrNNnEF9MmeUdG6-125" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="484" y="2305" as="sourcePoint" />
            <mxPoint x="610" y="2410" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-132" value="&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot;&gt;UI Development&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="2536.5" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-133" value="Front-End Development" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="2554" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-134" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#F15932;" parent="1" vertex="1">
          <mxGeometry x="940" y="2514" width="100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-136" value="&lt;br&gt;&lt;br&gt;&lt;br&gt;Frameworks" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#42B883;" parent="1" vertex="1">
          <mxGeometry x="940" y="2580" width="130" height="69" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-138" value="" style="endArrow=none;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-132" target="hfwC3YrNNnEF9MmeUdG6-133" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="2709" as="sourcePoint" />
            <mxPoint x="720" y="2659" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-139" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-133" target="hfwC3YrNNnEF9MmeUdG6-134" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="2709" as="sourcePoint" />
            <mxPoint x="720" y="2659" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-140" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-133" target="hfwC3YrNNnEF9MmeUdG6-136" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="890" y="2592" as="sourcePoint" />
            <mxPoint x="950" y="2544" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-141" value="Version Control &amp;amp; Code Review" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="2680" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-142" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;GitHub" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#0D2636;" parent="1" vertex="1">
          <mxGeometry x="940" y="2687.5" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-144" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-141" target="hfwC3YrNNnEF9MmeUdG6-142" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="2835" as="sourcePoint" />
            <mxPoint x="720" y="2785" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-152" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://www.freepnglogos.com/uploads/html5-logo-png/html5-logo-devextreme-multi-purpose-controls-html-javascript-3.png;" parent="1" vertex="1">
          <mxGeometry x="953" y="2519.99" width="74.33" height="28.95" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-154" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://res.cloudinary.com/practicaldev/image/fetch/s--fRFffYOx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/qejdtgnemlbx2njniolp.png;" parent="1" vertex="1">
          <mxGeometry x="945.5" y="2589.9" width="120" height="36.6" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-155" value="" style="dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.weblogos.github" parent="1" vertex="1">
          <mxGeometry x="948.5" y="2692.5" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-156" value="Collaboration" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600.5" y="2780" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-157" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Slack" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#482149;" parent="1" vertex="1">
          <mxGeometry x="940.5" y="2787.5" width="88.5" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-158" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-156" target="hfwC3YrNNnEF9MmeUdG6-157" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670.5" y="2935" as="sourcePoint" />
            <mxPoint x="720.5" y="2885" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-160" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Slack_icon_2019.svg/2048px-Slack_icon_2019.svg.png;" parent="1" vertex="1">
          <mxGeometry x="951.08" y="2793.17" width="30.33" height="30.33" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-161" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-141" target="hfwC3YrNNnEF9MmeUdG6-133" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="680" y="2730" as="sourcePoint" />
            <mxPoint x="750" y="2600" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-163" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-156" target="hfwC3YrNNnEF9MmeUdG6-141" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="750" y="2690" as="sourcePoint" />
            <mxPoint x="750" y="2619" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-164" value="&lt;div&gt;&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot;&gt;Testing&lt;/font&gt;&lt;/b&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="2859.5" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-165" value="Unit Testing" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="2877" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-166" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Jest" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#99424F;" parent="1" vertex="1">
          <mxGeometry x="940" y="2939.5" width="80" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-168" value="" style="endArrow=none;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-164" target="hfwC3YrNNnEF9MmeUdG6-165" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="3032" as="sourcePoint" />
            <mxPoint x="720" y="2982" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-169" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-165" target="hfwC3YrNNnEF9MmeUdG6-166" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="3032" as="sourcePoint" />
            <mxPoint x="720" y="2982" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-171" value="Integration Testing" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="2987" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-177" value="User Acceptance Testing" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600.5" y="3103" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-178" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#65C27A;" parent="1" vertex="1">
          <mxGeometry x="940.5" y="3110.5" width="149.5" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-179" value="" style="endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-177" target="hfwC3YrNNnEF9MmeUdG6-178" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670.5" y="3258" as="sourcePoint" />
            <mxPoint x="720.5" y="3208" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-181" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-171" target="hfwC3YrNNnEF9MmeUdG6-165" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="680" y="3053" as="sourcePoint" />
            <mxPoint x="750" y="2923" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-182" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-177" target="hfwC3YrNNnEF9MmeUdG6-171" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="750" y="3013" as="sourcePoint" />
            <mxPoint x="750" y="2942" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-184" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-171" target="hfwC3YrNNnEF9MmeUdG6-166" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="860" y="2920" as="sourcePoint" />
            <mxPoint x="910" y="2870" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-186" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://images.g2crowd.com/uploads/product/image/social_landscape/social_landscape_21c7c7562ab49994c8e4bc9e3dfe3e7c/testrail.png;clipPath=inset(18.35% 0% 18.35% 0%);" parent="1" vertex="1">
          <mxGeometry x="961.08" y="3112.67" width="110.5" height="36.83" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-188" value="&lt;b&gt;&lt;font style=&quot;font-size: 14px;&quot;&gt;Deployment&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;" parent="1" vertex="1">
          <mxGeometry x="354" y="3190" width="120" height="90" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-189" value="Staging" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="3207.5" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-190" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Jenkins" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#D53930;" parent="1" vertex="1">
          <mxGeometry x="940" y="3270" width="90" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-191" value="" style="endArrow=none;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-188" target="hfwC3YrNNnEF9MmeUdG6-189" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="670" y="3362.5" as="sourcePoint" />
            <mxPoint x="720" y="3312.5" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-193" value="CI/CD" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600" y="3317.5" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-194" value="Production" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#000000;" parent="1" vertex="1">
          <mxGeometry x="600.5" y="3433.5" width="280" height="55" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-197" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-193" target="hfwC3YrNNnEF9MmeUdG6-189" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="680" y="3383.5" as="sourcePoint" />
            <mxPoint x="750" y="3253.5" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-198" value="" style="endArrow=none;html=1;rounded=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=open;startFill=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-194" target="hfwC3YrNNnEF9MmeUdG6-193" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="750" y="3343.5" as="sourcePoint" />
            <mxPoint x="750" y="3272.5" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-200" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-193" target="hfwC3YrNNnEF9MmeUdG6-190" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="860" y="3250.5" as="sourcePoint" />
            <mxPoint x="910" y="3200.5" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-204" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Jenkins_logo.svg/1483px-Jenkins_logo.svg.png;" parent="1" vertex="1">
          <mxGeometry x="952" y="3274.12" width="23" height="31.76" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-205" value="&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;GitHub Actions" style="rounded=1;whiteSpace=wrap;html=1;fillColor=none;strokeColor=#0D2636;" parent="1" vertex="1">
          <mxGeometry x="943" y="3380" width="147" height="40" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-206" value="" style="dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.weblogos.github" parent="1" vertex="1">
          <mxGeometry x="951.5" y="3385" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-207" value="" style="endArrow=none;dashed=1;html=1;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-193" target="hfwC3YrNNnEF9MmeUdG6-205" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="950" y="3260" as="sourcePoint" />
            <mxPoint x="1000" y="3210" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-208" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-1" target="hfwC3YrNNnEF9MmeUdG6-23" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="470" y="580" as="sourcePoint" />
            <mxPoint x="520" y="530" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-209" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-23" target="hfwC3YrNNnEF9MmeUdG6-43" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="424" y="348" as="sourcePoint" />
            <mxPoint x="424" y="603" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-210" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-43" target="hfwC3YrNNnEF9MmeUdG6-101" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="424" y="693" as="sourcePoint" />
            <mxPoint x="400" y="1430" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-211" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-101" target="hfwC3YrNNnEF9MmeUdG6-132" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="450" y="2560" as="sourcePoint" />
            <mxPoint x="500" y="2510" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-212" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-132" target="hfwC3YrNNnEF9MmeUdG6-164" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="450" y="2850" as="sourcePoint" />
            <mxPoint x="500" y="2800" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-213" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-164" target="hfwC3YrNNnEF9MmeUdG6-188" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="450" y="3280" as="sourcePoint" />
            <mxPoint x="500" y="3230" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-214" value="&lt;b&gt;&lt;font style=&quot;font-size: 18px;&quot;&gt;Frontend Development Life Cycle&lt;/font&gt;&lt;/b&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="340.5" y="110" width="147" height="70" as="geometry" />
        </mxCell>
        <mxCell id="hfwC3YrNNnEF9MmeUdG6-215" value="" style="endArrow=none;html=1;rounded=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=classic;startFill=1;" parent="1" source="hfwC3YrNNnEF9MmeUdG6-1" target="hfwC3YrNNnEF9MmeUdG6-214" edge="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="550" y="350" as="sourcePoint" />
            <mxPoint x="600" y="300" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="HVOJzYov3JGX5So_3uzb-1" value="&lt;font style=&quot;font-size: 12px;&quot;&gt;navanath-jadhav&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Helvetica;fontSize=11;" parent="1" vertex="1">
          <mxGeometry x="1131" y="52" width="92" height="20" as="geometry" />
        </mxCell>
        <mxCell id="HVOJzYov3JGX5So_3uzb-2" value="" style="dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.linkedin;fillColor=#0095DB;gradientColor=#006391" parent="1" vertex="1">
          <mxGeometry x="1108" y="52.25" width="19.7" height="20.75" as="geometry" />
        </mxCell>
        <mxCell id="RQn7yjITHD1lu2Lk9D15-1" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn1.iconfinder.com/data/icons/logotypes/32/github-128.png;rounded=1;glass=0;comic=0;strokeColor=#000000;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=14;align=center;" vertex="1" parent="1">
          <mxGeometry x="294" y="3532" width="20" height="20" as="geometry" />
        </mxCell>
        <mxCell id="RQn7yjITHD1lu2Lk9D15-2" value="&lt;font style=&quot;font-size: 12px;&quot;&gt;navanathjadhav&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Helvetica;fontSize=11;" vertex="1" parent="1">
          <mxGeometry x="315" y="3526" width="88" height="32" as="geometry" />
        </mxCell>
        <mxCell id="RQn7yjITHD1lu2Lk9D15-4" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=https://www.testautomatisierung.org/wp-content/uploads/jest-icon.jpg;" vertex="1" parent="1">
          <mxGeometry x="949" y="2944" width="31" height="31" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>