Diagrama de temas

  • Nesse tópico vamos mostrar como criar páginas e aplicativos usando LOVABLE DEV

    Para começar, crie uma conta no Lovable. Você tem 5 créditos por dia. 

    Crie uma conta na CLAUDE AI. Vamos criar um script primeiro na Claude e colar no LOVABLE. 

    Exemplo 9- Crie um aplicativo web para calcular momento fletor máximo e desenhar o diagrama de esforço cortante e diagrama de momento fletor de uma viga bi-apoiada com vão L e carregamento x kN/m. 

    a) no Claude, peça para construir o script para construção do aplicativo. 
    https://claude.ai/



    O resultado gerado pela CLAUDE AI já é bem funcional. Mas você pode customizar melhor com o Lovable Dev.
    https://claude.ai/public/artifacts/d069dd88-6117-4d7d-b042-8788200c91c6





    b) copie o script gerado pelo Claude e cole no LOVABLE.
    https://lovable.dev/



    Observe o resultado gerado.

    https://span-sensei.lovable.app/


    Exemplo 10: Recrie o jogo PONG conforme mostrado abaixo:
    Sugestão: peça para o SYSTEM PROMPT GENERATOR produzir um script para construção do jogo, especificando que você quer acionar a barra da esquerda com a tecla A e a barra da direita com a tecla L.  Peça para o LOVABLE desenvolver. Modifique o fundo da tela e inserir seu logotipo ou seu nome para customizar o jogo. 



    Exemplo 11: Crie um jogo SUDOKU conforme o modelo a seguir. Dica, copie e cole a tela do jogo e peça para o system prompt generator criar o script. Cole esse script na CLAUDE AI.

    https://claude.ai/public/artifacts/e0b7e4a8-cdb3-4c8b-a2dc-bfe337d39a49



    Se você realizou essas atividades, siga para a PRÁTICA 3.