Tableau de bord des plantes
Gérez votre collection de plantes et veillez à ce qu'elles restent en bonne santé grâce à un tableau de bord qui suit les horaires d'arrosage et les routines d'entretien.
Démonstration en direct
Cet exemple concret montre à quoi ressemblent le document Craft et l'application Lovable :
Les actions d'écriture ont été désactivées pour la démo
Construit avec Craft et Lovable
Construire soi-même
Dans cet exemple, nous utiliserons Craft pour gérer une collection de toutes vos plantes et leurs besoins et Lovable pour créer un magnifique tableau de bord qui nous permet de savoir en un coup d'œil quelles plantes ont besoin d'attention.
Étape 1 — Créez votre document
Nos plantes sont conservées dans une collection dans un document Craft. Pour chaque plante, nous ajoutons des informations sur son type, la pièce dans laquelle elle se trouve, la fréquence à laquelle elle doit être arrosée et la date du dernier arrosage. Bien entendu, vous pouvez adapter la collection et ajouter des champs pour tout ce que vous souhaitez suivre à propos de vos plantes.
Utilisez le modèle pour créer un nouveau document avec une collection pour votre tableau de bord des plantes :
Étape 2 — Activer l'accès à l'API
Activez l'accès API pour votre document afin d'obtenir une URL unique qui peut être utilisée pour lire et ajouter des informations à votre document.
Étape 1
Étape 2
Étape 3
Étape 4
Étape 5
Étape 6
Étape 3 — Construire sur Lovable
Nous allons maintenant construire le site web pour notre tableau de bord sur Lovable. Pour l'exemple de site présenté ci-dessus, nous avons utilisé cette invite :
Je souhaite créer un tableau de bord pour suivre l'évolution de mes plantes.
Les informations sont stockées dans Craft. Veuillez consulter le fichier ci-joint qui contient un exemple de l'état actuel de mon document Craft Plant Dashboard, ainsi que des informations sur l'API que vous devez utiliser pour obtenir et mettre à jour mes plantes. Veuillez lire attentivement la documentation de l'API et suivre ses instructions.
Le tableau de bord doit me montrer une vue d'ensemble de mes plantes, avec une petite illustration pour chacune d'entre elles et un indicateur de progression pour vérifier quand elles ont besoin d'être arrosées. Je veux pouvoir les classer dans leur ordre manuel, par pièce et par urgence, l'urgence étant la valeur par défaut.
Pour chaque plante, il doit y avoir un bouton « Arrosé », qui met à jour la date du dernier arrosage dans Craft.
Allez sur Lovable et collez le prompt dans le champ de saisie. Veillez à joindre l'AI Bundle de votre document que nous venons de télécharger.
Lovable se met au travail, en analysant le contenu du bundle pour comprendre la structure du document et la manière d'utiliser l'API. Ensuite, il commence à construire le site web selon nos instructions.
Nous disposons désormais d'un site magnifique qui affiche nos plantes et leur état de santé et nous permet de les marquer comme étant arrosées directement à partir du tableau de bord !
D'autres idées à essayer
Retour à la galerie
Créez un blog personnel alimenté par les documents de Craft. Synchronisation automatique du contenu via l'API - publiez à partir de votre application de notes.
En savoir plus
Suivez vos livres et capturez des citations avec Claude ou ChatGPT via MCP.
En savoir plus
Journal des rêves alimenté par l'IA qui analyse les tendances et les thèmes. Conçu avec Craft API et Lovable.
En savoir plus