Tableau de bord de l'usine
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
Construire soi-même
Construit avec Craft et Lovable
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 un document intitulé Collection in a 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 l'aimable
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, dont les informations sont stockées dans Craft. Veuillez consulter le fichier ci-joint qui contient un exemple de l'état actuel de ma doc 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 l'invite dans la boîte d'invite. Veillez à joindre le paquet AI de votre document que nous venons de télécharger.
Lovable se met au travail, en analysant le contenu de l'offre groupée pour comprendre la structure de la documentation 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 !
