Painel de Plantas
Gerencie sua colecao de plantas e garanta que elas se mantenham saudaveis com um painel que acompanha cronogramas de rega e rotinas de cuidados.
Demonstracao ao vivo
Este exemplo real mostra como ficam o documento do Craft e o aplicativo do Lovable:
As ações de escrita foram desativadas para a demonstração
imagine.builtWith
Construa você mesmo
Neste exemplo, vamos usar o Craft para gerenciar uma colecao com todas as suas plantas e suas necessidades, e usar o Lovable para criar um painel bonito que nos permite ver todas as plantas e sua saude de uma so vez.
imagine.step — Crie seu documento
Nossas plantas sao mantidas em uma Colecao em um documento do Craft. Para cada planta, adicionamos as seguintes informacoes: o tipo da planta, o comodo onde ela esta, com que frequencia precisa ser regada e quando foi regada pela ultima vez. O conteudo de cada entrada da colecao e usado para anotacoes adicionais.
Use o template para criar um novo documento com uma colecao para o seu painel de plantas:
imagine.step — Ativar acesso à API
Ative o API Access do seu documento para obter uma URL unica que pode ser usada para ler e adicionar conteudo ao seu documento.
imagine.step
imagine.step
imagine.step
imagine.step
imagine.step
imagine.step
imagine.step — Criar com o Lovable
Agora vamos continuar e construir o site real do nosso painel no Lovable. Para o site de exemplo mostrado acima, usamos este prompt:
Eu quero criar um painel para acompanhar minhas plantas.
As informacoes estao armazenadas no Craft. Por favor, verifique o arquivo anexo que inclui um exemplo do estado atual do meu documento Plant Dashboard no Craft, bem como informacoes sobre a API que voce deve usar para obter e atualizar minhas plantas. Por favor, leia a documentacao da API com atencao e siga suas instrucoes.
O painel deve me mostrar uma visao geral das minhas plantas, com uma pequena ilustracao para cada uma e um indicador de progresso para verificar quando precisam ser regadas. Eu quero poder organiza-las em ordem manual, por comodo e por urgencia, com urgencia sendo o padrao.
Para cada planta deve haver um botao “Regada”, que atualiza a data da ultima rega no Craft.
imagine.showcase.plantDashboard.buildIt.step3.description2
O Lovable comeca a trabalhar, analisando o conteudo do bundle para entender a estrutura do documento e como usar a API. Entao ele comeca a construir o site com base no nosso prompt.
Agora temos um site lindo que exibe nossas plantas e seu estado de saude, e nos permite marca-las como regadas diretamente pelo painel!
Mais ideias para voce experimentar
Voltar para a galeria
Crie um blog pessoal com Craft docs. Sincroniza o conteudo automaticamente para uma publicacao simplificada.
Saiba mais
Acompanhe livros e capture citações com o Claude ou o ChatGPT pelo assistente de IA do Craft.
Saiba mais
Diario de sonhos com IA que analisa padroes e temas. Criado com a API do Craft e Lovable.
Saiba mais