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

Setup

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