Systemarchitektur:

Das komplette System des Digital Prototyping besteht aus drei Applikationen.

• Prototyping Applikation
• Backend API
• Admin Applikation

Die beiden clientseitige Applikationen wurden mit React umgesetzt. Es wurde sich hier auf das "Clientside Rendering" mit React entschieden, da im Projekt sehr wenige statische Inhalte enthalten sind. Daher würden andere Rendering Paradigma wie "Serverside Rendering“ oder "Static Site Generation" keine Hilfe sein.

React wurde gewählt, weil bereits viel Erfahrung mit der Entwicklung in React bestand. Außerdem bietet React sehr viele Bibliotheken und Hilfen an zu jeder erdenklichen Art von Projekt an. Ein anderes Web Framework, was für visuelle Webapplikationen besonders vorteilhaft sein soll, ist Svelte. Diese Annahme muss jedoch vorher überprüft werden, bevor Svelte zum Einsatz kommt. Aus diesem Grund wurde es nicht für die Umsetzung gewählt.

Das Backend ist ein NodeJS Webserver, was mit dem ExpressJS Framework geschriebene wurde. Mit ExpressJS ist man in der Lage frei über die Struktur und Code Aufbau des Webservers zu entscheiden.

Um die Websocket Funktionalität bereitzustellen, wurde SocketIO verwendet. SocketIO bietet eine sehr einfache Anbindung an einen bestehenden Webserver, um somit keine zwei Server verwalten zu müssen. SocketIO-Client wird daher auch in der Hauptapplikation genutzt, um mit dem Backend Server zu kommunizieren.