JSON Server Demo

Dieses Projekt zeigt eine einfache Frontend- und Backend-Anwendung mit json-server.

Voraussetzungen

• Node.js und npm installiert

Installation

1. Öffne ein Terminal im Projektordner.
2. Installiere die Abhängigkeiten:

   npm install
   

Dieser Command schaut in die package.json Datei und installiert alles, was unter dependencies gelistet ist. In unserem Fall ist das der Json-Server.

...
  },
  "dependencies": {
    "json-server": "^0.17.4"
  }

Backend starten

Öffne in deinem Projektordner die Kommadozeile und starte den json-server mit:

npm run start

Der Server läuft dann auf http://localhost:3000.

Frontend verwenden

Öffne die Datei index.html im Browser.

Du kannst:

• Alle Posts anzeigen
• Neue Posts hinzufügen

Die Daten werden automatisch mit dem Backend synchronisiert.

Dateien

• db.json: Beispiel-Datenbank für json-server
• index.html: Einfaches Frontend
• package.json: Projektkonfiguration

Hinweise

• Das Frontend erwartet, dass das Backend auf http://localhost:3000 läuft.
• Änderungen an den Daten werden direkt in db.json gespeichert.