Aufgabe WebChat

Aufgabe by PUW.

Aufgabe

Baue einen WebChat - wie dieser umgesetzt wird kannst du selber entscheiden!

Vorgaben:

nodejs (mit express, websocket) serverseitig und clientseitig ausschließlich vanilla JS!
User werden per Username identifiziert, der Username wird zu Beginn eingegeben und kann während des Chats auch
geändert werden
Im Chatverlauf ist neben der eigentlichen Nachricht auch die Uhrzeit und der Username verfügbar
Wenn man dem Chat beitritt werden die Nachrichten der letzten 5 Minuten angezeigt

Hier ein paar Ideen/Anmerkungen:

du kannst die Nachrichten in-memory (array) speichern oder z.B. in eine JSON oder CSV Datei speichern
die Nachrichten können beispielsweise über einen Endpoint abgerufen werden - der Client fragt dann regelmäßig die Nachrichten ab (polling);

eine elegantere Methode wären beispielsweise WebSockets (siehe hier); dabei bleiben Client und Server miteinander verbunden
Sicherheit: wenn der Chat nicht gut programmiert wurde, werden HTML-Tags nicht gefilter und man kann z.B. ein <img ...> oder <script>...</script> in einer Nachricht verstecken, was zu unerwünschten Problemen führen kann und Angriffe ermöglicht

Abhängigkeiten installieren:

npm install

Das Programm selber kann mit folgendem Befehl gestartet werden:

# normal starten
npm run start

# mit nodemon starten
npm run dev