==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠==

Text Elements

Flowershow ^qPMEc2Wv

Templates

i.e. nextjs template for overall app ^0PRImvA1

Website & Patterns & Documentation ^zlyT9sYJ

Components & Library (portal.js)

e.g. image display, data table, graphs etc ^rKbqezsY

Content Layer / Data Layer

API/Library for accessing content/data ^BhhfAzf4

Build / Deploy ^eURi3OJj

%%

Drawing

{
	"type": "excalidraw",
	"version": 2,
	"source": "https://excalidraw.com",
	"elements": [
		{
			"type": "rectangle",
			"version": 290,
			"versionNonce": 820615480,
			"isDeleted": false,
			"id": "SUvEzNeQfqakjsbnqessl",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -295,
			"y": -74.5,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 1032,
			"height": 498,
			"seed": 1010815763,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [
				{
					"id": "qPMEc2Wv",
					"type": "text"
				}
			],
			"updated": 1655819537068,
			"link": null,
			"locked": false
		},
		{
			"type": "text",
			"version": 147,
			"versionNonce": 1593947720,
			"isDeleted": false,
			"id": "qPMEc2Wv",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -290,
			"y": -69.5,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 1022,
			"height": 45,
			"seed": 111729565,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [],
			"updated": 1655819537068,
			"link": null,
			"locked": false,
			"fontSize": 36,
			"fontFamily": 1,
			"text": "Flowershow",
			"rawText": "Flowershow",
			"baseline": 32,
			"textAlign": "center",
			"verticalAlign": "top",
			"containerId": "SUvEzNeQfqakjsbnqessl",
			"originalText": "Flowershow"
		},
		{
			"type": "rectangle",
			"version": 100,
			"versionNonce": 1406251576,
			"isDeleted": false,
			"id": "_bYyn-oDIDvWl8EUBkTme",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -269.8828125,
			"y": 17.74609375,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 234,
			"height": 239.1171875,
			"seed": 966391987,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [
				{
					"id": "0PRImvA1",
					"type": "text"
				}
			],
			"updated": 1655819537068,
			"link": null,
			"locked": false
		},
		{
			"type": "rectangle",
			"version": 404,
			"versionNonce": 1602426696,
			"isDeleted": false,
			"id": "F1wx4mNSeHPBQVPymrelK",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -267.44921875,
			"y": 276.734375,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 987,
			"height": 131,
			"seed": 1067802621,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [
				{
					"id": "zlyT9sYJ",
					"type": "text"
				}
			],
			"updated": 1655819540508,
			"link": null,
			"locked": false
		},
		{
			"type": "rectangle",
			"version": 140,
			"versionNonce": 1951312696,
			"isDeleted": false,
			"id": "mUxHwdTFU4sX_shQOBunj",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -15.40234375,
			"y": 21.0390625,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 234,
			"height": 239.1171875,
			"seed": 2145282643,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [
				{
					"id": "rKbqezsY",
					"type": "text"
				}
			],
			"updated": 1655819537068,
			"link": null,
			"locked": false
		},
		{
			"type": "rectangle",
			"version": 201,
			"versionNonce": 1034863688,
			"isDeleted": false,
			"id": "j6r9JhPO4xzFUXdhiJNzZ",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": 233.1484375,
			"y": 23.8671875,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 234,
			"height": 239.1171875,
			"seed": 1129470045,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [
				{
					"id": "BhhfAzf4",
					"type": "text"
				}
			],
			"updated": 1655819537068,
			"link": null,
			"locked": false
		},
		{
			"type": "text",
			"version": 91,
			"versionNonce": 1287947320,
			"isDeleted": false,
			"id": "0PRImvA1",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -264.8828125,
			"y": 87.3046875,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 224,
			"height": 100,
			"seed": 333686771,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [],
			"updated": 1655819537068,
			"link": null,
			"locked": false,
			"fontSize": 20,
			"fontFamily": 1,
			"text": "Templates\n\ni.e. nextjs template \nfor overall app",
			"rawText": "Templates\n\ni.e. nextjs template \nfor overall app",
			"baseline": 93,
			"textAlign": "center",
			"verticalAlign": "middle",
			"containerId": "_bYyn-oDIDvWl8EUBkTme",
			"originalText": "Templates\n\ni.e. nextjs template \nfor overall app"
		},
		{
			"type": "text",
			"version": 383,
			"versionNonce": 467364680,
			"isDeleted": false,
			"id": "zlyT9sYJ",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -262.44921875,
			"y": 329.734375,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 977,
			"height": 25,
			"seed": 1266762941,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [],
			"updated": 1655819548752,
			"link": null,
			"locked": false,
			"fontSize": 20,
			"fontFamily": 1,
			"text": "Website & Patterns & Documentation",
			"rawText": "Website & Patterns & Documentation",
			"baseline": 18,
			"textAlign": "center",
			"verticalAlign": "middle",
			"containerId": "F1wx4mNSeHPBQVPymrelK",
			"originalText": "Website & Patterns & Documentation"
		},
		{
			"type": "text",
			"version": 136,
			"versionNonce": 616881224,
			"isDeleted": false,
			"id": "rKbqezsY",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": -10.40234375,
			"y": 65.59765625,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 224,
			"height": 150,
			"seed": 464531859,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [],
			"updated": 1655819563614,
			"link": null,
			"locked": false,
			"fontSize": 20,
			"fontFamily": 1,
			"text": "Components & Library\n(portal.js)\n\ne.g. image display, \ndata table, graphs \netc",
			"rawText": "Components & Library\n(portal.js)\n\ne.g. image display, data table, graphs etc",
			"baseline": 143,
			"textAlign": "center",
			"verticalAlign": "middle",
			"containerId": "mUxHwdTFU4sX_shQOBunj",
			"originalText": "Components & Library\n(portal.js)\n\ne.g. image display, data table, graphs etc"
		},
		{
			"type": "text",
			"version": 109,
			"versionNonce": 586175048,
			"isDeleted": false,
			"id": "BhhfAzf4",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": 238.1484375,
			"y": 68.42578125,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 224,
			"height": 150,
			"seed": 1540597021,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [],
			"updated": 1655819537068,
			"link": null,
			"locked": false,
			"fontSize": 20,
			"fontFamily": 1,
			"text": "Content Layer /\nData Layer\n\nAPI/Library for \naccessing \ncontent/data",
			"rawText": "Content Layer /\nData Layer\n\nAPI/Library for \naccessing content/data",
			"baseline": 143,
			"textAlign": "center",
			"verticalAlign": "middle",
			"containerId": "j6r9JhPO4xzFUXdhiJNzZ",
			"originalText": "Content Layer /\nData Layer\n\nAPI/Library for \naccessing content/data"
		},
		{
			"type": "rectangle",
			"version": 272,
			"versionNonce": 11195960,
			"isDeleted": false,
			"id": "q4VKhKGq2yvy1F_Q259Um",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": 488.8046875,
			"y": 22.125,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 234,
			"height": 239.1171875,
			"seed": 947554099,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [
				{
					"id": "eURi3OJj",
					"type": "text"
				}
			],
			"updated": 1655819537068,
			"link": null,
			"locked": false
		},
		{
			"type": "text",
			"version": 183,
			"versionNonce": 1421789512,
			"isDeleted": false,
			"id": "eURi3OJj",
			"fillStyle": "hachure",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 100,
			"angle": 0,
			"x": 493.8046875,
			"y": 129.18359375,
			"strokeColor": "#000000",
			"backgroundColor": "transparent",
			"width": 224,
			"height": 25,
			"seed": 129694077,
			"groupIds": [],
			"strokeSharpness": "sharp",
			"boundElements": [],
			"updated": 1655819537068,
			"link": null,
			"locked": false,
			"fontSize": 20,
			"fontFamily": 1,
			"text": "Build / Deploy",
			"rawText": "Build / Deploy",
			"baseline": 18,
			"textAlign": "center",
			"verticalAlign": "middle",
			"containerId": "q4VKhKGq2yvy1F_Q259Um",
			"originalText": "Build / Deploy"
		}
	],
	"appState": {
		"theme": "light",
		"viewBackgroundColor": "#ffffff",
		"currentItemStrokeColor": "#000000",
		"currentItemBackgroundColor": "transparent",
		"currentItemFillStyle": "hachure",
		"currentItemStrokeWidth": 1,
		"currentItemStrokeStyle": "solid",
		"currentItemRoughness": 1,
		"currentItemOpacity": 100,
		"currentItemFontFamily": 1,
		"currentItemFontSize": 20,
		"currentItemTextAlign": "left",
		"currentItemStrokeSharpness": "sharp",
		"currentItemStartArrowhead": null,
		"currentItemEndArrowhead": "arrow",
		"currentItemLinearStrokeSharpness": "round",
		"gridSize": null,
		"colorPalette": {}
	},
	"files": {}
}

%%

© 2025 All rights reservedBuilt with DataHub Cloud

Built with LogoDataHub Cloud