Socail Media Webseite Fakebuch

Alle Artikel › ADLERSHOF DIGITAL › Desktop und Mobil

Beschreibung: Bei dieser Webseite handelt es sich um eine voll funktionsfähige Simulation eines sozialen Netzwerks namens "FakeBuch". Sie ist als in sich geschlossenes System konzipiert und nutzt eine lokale database.json-Datei anstelle einer herkömmlichen Datenbank, was die Einrichtung und Portabilität stark vereinfacht.

Dynamische Avatare: Eine clevere Funktion generiert automatisch Avatare. Falls für einen Nutzer ein Bildpfad hinterlegt ist, wird dieses angezeigt. Andernfalls erstellt das System einen farbigen Platzhalter-Avatar mit den Initialen des Nutzers.

Inhaltsdarstellung: Alle Beiträge werden aus der JSON-Datei geladen und absteigend nach ihrem Zeitstempel sortiert. Zu jedem Beitrag werden der Autor, der Inhalt, eventuell vorhandene Bilder oder Videos, Reaktionen und Kommentare dynamisch gerendert.

Layout: Die Seite nutzt ein responsives Drei-Spalten-Layout, das mithilfe von Tailwind CSS umgesetzt wurde. Es gibt eine linke Navigationsleiste (Home, Freunde), einen zentralen Inhaltsbereich (Feed) und eine rechte Spalte mit einer Kontaktliste.

Interaktive Elemente: Nutzer können neue Beiträge verfassen (inklusive Bild-/Video-Upload), Kommentare schreiben (die per Enter abgeschickt werden) und auf Beiträge mit verschiedenen Icons (Daumen hoch, Herz etc.) reagieren.

Asynchrone Aktionen: Die Reaktionen auf Beiträge werden asynchron über JavaScript (fetch API) abgewickelt. Das bedeutet, dass beim Klicken auf einen "Gefällt mir"-Button die Daten an eine api.php gesendet werden und sich die Anzeige der Reaktionszähler sofort aktualisiert, ohne dass die gesamte Seite neu geladen werden muss.

Versteckte Funktion: Ein kleines "Easter Egg" ermöglicht es, durch einen dreifachen Klick auf das "FakeBuch"-Logo ein Dropdown-Menü zu öffnen, mit dem der aktive Nutzer gewechselt werden kann. Dies ist die zentrale Steuerung der Simulation.
Frei Konfektionierbar, Anpassungen möglich.

Artikelnummer: WEB000004

Farbe: ONLINE

Weitere Informationen: Link öffnen

Verfügbar (1 Stk.)