Dashboard piante
Gestisci la tua collezione di piante e assicurati che restino in salute con una dashboard che monitora i programmi di annaffiatura e le routine di cura.
Demo dal vivo
Questo esempio reale mostra come appaiono il documento Craft e l'app Lovable:
Le azioni di scrittura sono state disabilitate per la demo
Creato con Craft e Lovable
Costruiscilo tu
In questo esempio useremo Craft per gestire una raccolta di tutte le tue piante e le loro esigenze e Lovable per creare una bellissima dashboard che ci mostra a colpo d'occhio quali piante hanno bisogno di attenzioni.
Passaggio 1 — Crea il tuo documento
Le nostre piante sono conservate in una raccolta in un documento Craft. Per ogni pianta aggiungiamo informazioni sul tipo, in quale stanza si trova, con quale frequenza deve essere annaffiata e quando è stata annaffiata l'ultima volta. Naturalmente puoi personalizzare la raccolta e aggiungere campi per qualsiasi cosa tu voglia monitorare sulle tue piante.
Usa il modello per creare un nuovo documento con una raccolta per la tua dashboard delle piante:
Passaggio 2 — Abilita l'accesso API
Abilita l'accesso API per il tuo documento per ottenere un URL unico che può essere usato per leggere e aggiungere contenuti al tuo documento.
Passaggio 1
Passaggio 2
Passaggio 3
Passaggio 4
Passaggio 5
Passaggio 6
Passaggio 3 — Crea su Lovable
Ora proseguiamo e costruiamo il sito web vero e proprio per la nostra dashboard su Lovable. Per il sito di esempio mostrato sopra, abbiamo usato questo prompt:
Voglio creare una dashboard per tenere traccia delle mie piante.
Le informazioni sono archiviate in Craft. Per favore controlla il file allegato che include un esempio dello stato attuale del mio documento Plant Dashboard su Craft, nonché le informazioni sull'API da utilizzare per ottenere e aggiornare le mie piante. Leggi attentamente la documentazione dell'API e segui le sue istruzioni.
La dashboard dovrebbe mostrarmi una panoramica delle mie piante, con una piccola illustrazione per ciascuna e un indicatore di progresso per verificare quando devono essere innaffiate. Voglio poterle ordinare manualmente, per stanza e per urgenza, con l'urgenza come opzione predefinita.
Per ogni pianta dovrebbe esserci un pulsante “Innaffiata”, che aggiorna la data dell'ultima innaffiatura in Craft.
Vai su Lovable e incolla il prompt nella casella di testo. Assicurati di allegare l'AI Bundle del tuo documento che abbiamo appena scaricato.
Lovable si mette al lavoro, analizzando il contenuto del bundle per comprendere la struttura del documento e come usare l'API. Poi inizia a costruire il sito web secondo il nostro prompt.
Ora abbiamo un bellissimo sito che mostra le nostre piante e il loro stato di salute e ci permette di segnarle come annaffiate direttamente dalla dashboard!
Altre idee da provare
Torna alla galleria
Crea un blog personale basato sui documenti Craft. Sincronizza automaticamente i contenuti via API — pubblica dalla tua app per gli appunti.
Scopri di più
Tieni traccia dei libri e salva citazioni con Claude o ChatGPT tramite MCP.
Scopri di più
Diario dei sogni con intelligenza artificiale che analizza schemi e temi ricorrenti. Creato con Craft API e Lovable.
Scopri di più