Pflanzen-Dashboard
Verwalte deine Pflanzensammlung und sorge dafür, dass sie gesund bleiben – mit einem Dashboard, das Gießpläne und Pflegeroutinen verfolgt.
Live-Demo
Dieses Beispiel zeigt, wie das Craft-Dokument und die Lovable-App aussehen:
Schreibaktionen wurden für die Demo deaktiviert
Erstellt mit Craft und Lovable
Selbst erstellen
In diesem Beispiel verwenden wir Craft, um eine Sammlung all deiner Pflanzen und ihrer Bedürfnisse zu verwalten, und Lovable, um ein schönes Dashboard zu erstellen, das uns auf einen Blick zeigt, welche Pflanzen Aufmerksamkeit brauchen.
Schritt 1 — Erstelle dein Dokument
Unsere Pflanzen werden in einer Sammlung in einem Craft-Dokument geführt. Für jede Pflanze erfassen wir Informationen über ihre Art, in welchem Raum sie steht, wie oft sie gegossen werden muss und wann sie zuletzt gegossen wurde. Natürlich kannst du die Sammlung anpassen und Felder für alles hinzufügen, was du über deine Pflanzen verfolgen möchtest.
Verwende die Vorlage, um ein neues Dokument mit einer Sammlung für dein Pflanzen-Dashboard zu erstellen:
Schritt 2 — API-Zugriff aktivieren
Aktiviere den API-Zugang für dein Dokument, um eine eindeutige URL zu erhalten, über die dein Dokument gelesen und ergänzt werden kann.
Schritt 1
Schritt 2
Schritt 3
Schritt 4
Schritt 5
Schritt 6
Schritt 3 — Auf Lovable erstellen
Jetzt erstellen wir die eigentliche Website für unser Dashboard auf Lovable. Für die oben gezeigte Beispielseite haben wir diesen Prompt verwendet:
Ich möchte ein Dashboard erstellen, um meine Pflanzen im Blick zu behalten.
Die Informationen sind in Craft gespeichert. Bitte prüfe die angehängte Datei mit einem Beispiel des aktuellen Stands meines Pflanzen-Dashboard-Craft-Dokuments sowie Informationen zur API, die du verwenden sollst, um meine Pflanzen abzurufen und zu aktualisieren. Bitte lies die API-Dokumentation sorgfältig und befolge die Anweisungen.
Das Dashboard soll mir eine Übersicht über meine Pflanzen zeigen, mit einer kleinen Illustration für jede Pflanze und einem Fortschrittsanzeiger, der anzeigt, wann sie gegossen werden müssen. Ich möchte sie in manueller Reihenfolge, nach Raum und nach Dringlichkeit sortieren können, wobei Dringlichkeit die Standardsortierung sein soll.
Für jede Pflanze soll es einen „Gegossen“-Button geben, der das letzte Gießdatum in Craft aktualisiert.
Gehe zu Lovable und füge den Prompt in das Eingabefeld ein. Stelle sicher, dass du das AI Bundle für dein Dokument anhängst, das wir gerade heruntergeladen haben.
Lovable legt los, analysiert den Inhalt des Bundles, um die Dokumentstruktur und die API-Nutzung zu verstehen. Dann beginnt es, die Website gemäß unserem Prompt zu erstellen.
Jetzt haben wir eine schöne Website, die unsere Pflanzen und ihren Zustand anzeigt und uns ermöglicht, sie direkt über das Dashboard als gegossen zu markieren!
Weitere Ideen zum Ausprobieren
Zurück zur Galerie
Erstelle einen persönlichen Blog mit Craft-Dokumenten. Inhalte werden automatisch per API synchronisiert – veröffentliche direkt aus deiner Notiz-App.
Mehr erfahren
Verfolge Bücher und erfasse Zitate mit Claude oder ChatGPT über MCP.
Mehr erfahren
KI-gestütztes Traumtagebuch, das Muster und Themen analysiert. Erstellt mit der Craft API und Lovable.
Mehr erfahren