schwamic / drawing-app

A simple collaborative vanilla drawing app 🎨

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Drawing App (SST2)

Architektur/Übersicht

Eine gute Übersicht, für ein schnelles Verständnis der aktuellen Umsetzung zeigen die UML-Diagramme; (PlantUML: https://www.plantuml.com):

Projekt starten

Zum Starten des Projektes wird NodeJS 16.16.0+, Docker 23.0.0+, GNU Linux (z.B. Ubuntu), die Utility dos2unix und zwei Web-Browser (FireFox 114.0.2+, Chromium 115.0.5790.110+) benötigt:

  1. Skript-Berechtigung einstellen: sudo chmod 777 ./scripts/*
  2. Skript-Format konvertieren: dos2unix ./scripts/* (ggf. zuvor sudo apt install dos2unix ausführen)
  3. App starten via: npm run start
  4. App in Web-Browser (Private Mode) öffnen: http://127.0.0.1:8080
  5. Zum Testen 1x Chromium und 1x Firefox öffnen, um ein Multi-User-Szenario zu simuliert

Warum zwei Web-Browser?

Die Web-App nutzt den LocalStorage um den User zu speichern. Um zu verhindern, dass der LocalStorage zwischen den Fenstern geteilt wird, ist es am einfachsten zwei unterschiedliche Web-Brower zu nutzen. Das Ziel ist, dass wir zwei unterschiedliche User haben.

Getroffene Entscheidungen

UI Design

About

A simple collaborative vanilla drawing app 🎨

License:GNU Affero General Public License v3.0


Languages

Language:TypeScript 93.2%Language:CSS 4.2%Language:JavaScript 1.0%Language:HTML 0.8%Language:Shell 0.8%