Ein Team-Chat, im Team gebaut.
DABubble ist ein Weiterbildungsprojekt der Developer Akademie: ein Echtzeit-Chat mit Kanälen, Direktnachrichten und Threads. Vier Personen haben daran gearbeitet, ich war eine davon.
Ausgangslage
Die Aufgabe im Kurs: Echtzeit-Kommunikation für Teams. Die Gestaltung folgt einer Vorlage der Developer Akademie, gebaut hat das Team.
Als Referenz zeigt das Projekt, wie ich in einer gemeinsamen Codebasis arbeite, in der mehrere Nutzer gleichzeitig schreiben und Rechte eine Rolle spielen.
- Art
- Weiterbildungsprojekt, Developer Akademie
- Team
- Vier Personen
- Mein Anteil
- Profile, Kanäle, Erwähnungen, Datenschutz
- Design
- Vorlage der Developer Akademie
- Technik
- Angular 21, Firebase
- Stand
- Online
Mein Anteil im Team
-
Profile und Profilbilder
Profilansicht und Bearbeitung, das Wechseln des Profilbilds und die Fenster für Profil und Seitenleiste auf kleinen Bildschirmen.
-
Kanäle und Mitglieder
Das Kanal-Fenster, Mitglieder hinzufügen und entfernen, die Mitgliederliste und die Prüfung, dass jeder Kanalname nur einmal vorkommt.
-
Erwähnungen und Threads
Die @-Funktion und die Live-Suche für @ und #, die beim Tippen aufklappt. Dazu Threads in privaten Chats.
-
Nach dem Kurs, allein: Datenschutz
Ein eigenes Firebase-Projekt, lokal eingebundene Symbole, Impressum, Datenschutz und Nutzungsbedingungen. Wer sein Konto löscht, bestätigt das mit einer neuen Anmeldung, danach werden eigene Nachrichten, Profil und Zugang entfernt. E-Mail-Adressen anderer Nutzer sind nicht mehr sichtbar.
-
Kleinigkeiten, die man merkt
Verständliche Fehlermeldungen statt technischer Codes und eine Startanimation, bei der das Logo im Kopf der Anmeldung landet.
Was das Team gemeinsam gebaut hat
-
Anmeldung per E-Mail, mit Google oder als Gast, Kanäle mit Mitgliedern und Admins, Direktnachrichten, Reaktionen und Anhänge unter 10 MB.
-
Zugriffe sind grundsätzlich gesperrt und werden gezielt erlaubt: Kanäle lesen nur ihre Mitglieder, Uploads haben Grenzen für Typ und Größe.
-
Anwesenheit als online, abwesend oder offline, dazu ungelesene Nachrichten und eine Suche über Kanäle, Direktnachrichten und Nutzer.
-
Vor jedem Deployment prüfen Skripte im Projekt Sicherheit, doppelten Code und die Grenzen von 400 Zeilen pro Datei und 14 Zeilen pro Funktion.
Online
Gern zeige ich Ihnen das Projekt in einem kurzen Gespräch.