Vertrauen durch XAI
Chat-App Entwicklung
Chat-App Entwicklung
Wie entsteht eine vollständige Webanwendung von Grund auf? In diesem Studienprojekt entwickelten wir zu dritt eine Chat-Anwendung, die über fünf aufeinander aufbauende Ausbaustufen von reinem HTML zu einem eigenen PHP-Backend mit Anbindung an eine REST-API heranwuchs, ganz ohne KI-Hilfsmittel. Am Ende standen Login, Registrierung, Freundesliste und Echtzeit-Chat als funktionierende Anwendung.
Vom HTML-Gerüst zum Bootstrap-Frontend
Los ging es mit reinem HTML ohne jegliches Styling. Schritt für Schritt kamen ein eigenes CSS-Stylesheet und schließlich Bootstrap-Komponenten hinzu, sodass Login, Freundesliste, Chat und Profil ein einheitliches, responsives Design erhielten.
JavaScript, PHP-Backend und REST-API
Mit JavaScript wurden die Seiten interaktiv, etwa beim Versenden von Nachrichten. In der letzten Ausbaustufe kam ein eigenes PHP-Backend hinzu: eine objektorientierte Struktur mit Klassen für Nutzer und Freunde sowie einer Service-Klasse für sämtliche HTTP-Aufrufe an die bereitgestellte REST-API. Sessions hielten den Login-Status seitenübergreifend fest.
Fazit
Am Ende stand eine vollständig funktionierende Chat-Anwendung: Registrieren, Anmelden, Freunde hinzufügen und verwalten, Freundschaftsanfragen annehmen oder ablehnen sowie Chatten in Echtzeit. Besonders wertvoll war zu erleben, wie viel Logik hinter scheinbar einfachen Funktionen wie einer Freundesliste oder einem Chat-Fenster steckt. Genauso wichtig war die Erfahrung, im Team an einer gemeinsamen Codebasis zu arbeiten.