FakeBuch Webseite

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 Knofektionierbar, Anpassungen möglich.
Preis auf Afrage Nach Aufwand