Seu primeiro spark

Você já teve uma ótima ideia para um aplicativo, mas não tinha as ferramentas para criá-lo? Com a ajuda da IA, agora você pode dar vida às suas ideias de aplicativo em minutos usando apenas a linguagem natural. Neste artigo, usaremos o GitHub Spark para criar, aprimorar e compartilhar um aplicativo de procurar palavras sem escrever uma única linha de código.

Criar um protótipo do seu aplicativo

Vamos começar gerando uma versão inicial e básica do nosso aplicativo para desenvolvermos depois.

1. Navegue até https://github.com/spark.

2. Envie o seguinte prompt para gerar a primeira iteração do seu aplicativo:

   Copilot Chat prompt

   Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle.
   

3. Veja o Spark criando seu aplicativo em tempo real! Você saberá que o aplicativo está pronto quando a visualização for exibida.

4. Para testar o aplicativo, crie e resolva um caça-palavras usando a visualização.

Aprimorar seu aplicativo

É isso. Já temos um aplicativo funcionando! No entanto, ainda precisa de alguns ajustes. Vamos fornecer alguns prompts adicionais ao Spark para refinar nosso projeto.

1. No lado esquerdo da página, na guia Iterar, envie o seguinte prompt:

   Copilot Chat prompt

   Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories.
   

2. Depois que o aplicativo for atualizado, crie e resolva outro caça-palavras para ver os novos recursos em ação.

3. Seja criativo e faça seus aprimoramentos no aplicativo! Se você estiver sem ideias, escolha uma das sugestões que o Spark fornece acima da caixa de texto do prompt. Você também pode fazer alterações usando os controles de edição visual nas guias "Tema", "Dados" e "Prompts", sem precisar mexer em código.

Depurar seu aplicativo

Enquanto você está criando o aplicativo, você pode encontrar alguns erros. Na maioria das vezes, o Spark identificará esses problemas e os listará em um pop-up de "Erros" acima da caixa de texto do prompt. Para corrigir os erros, clique em Corrigir tudo.

Se você encontrar um erro que o Spark não sinalizou, escreva um prompt para corrigi-lo. Para obter melhores resultados, forneça uma descrição detalhada do erro, bem como o estado ideal corrigido. Por exemplo, se você observar que adicionar palavras com mais de um determinado número de caracteres faz com que o caça-palavras seja renderizado incorretamente, envie o seguinte prompt:

Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Compartilhar seu aplicativo

Agora que você está satisfeito com o aplicativo, vamos implantá-lo para que você possa compartilhá-lo com outras pessoas.

1. No canto superior direito da página, clique em Publicar.

2. Por padrão, o spark é implantado como privado e só pode ser acessado por você. Para permitir que outros usuários do GitHub acessem seu aplicativo, na seção Visibilidade da lista suspensa de publicação, selecione Todos os usuários do GitHub. Isso permite que qualquer pessoa com uma conta do GitHub acesse o spark.

   

3. Na seção Data Access da lista suspensa de publicação, escolha se deseja dar a outros usuários acesso somente leitura ou de gravação ao aplicativo.

   Escolha somente leitura para permitir que outras pessoas vejam seu aplicativo, sem permitir que criem, editem ou excluam conteúdo.

   Por exemplo, se você criou um aplicativo de calendário da família e deseja demonstrá-lo, mas não deseja que os usuários possam criar, editar ou excluir eventos no calendário ainda, escolha somente leitura.

4. Clique em Exibir site para ver o aplicativo implantado e, em seguida, copie e compartilhe a URL do aplicativo.

Próximas etapas

Acabamos de criar um aplicativo de procurar palavras, mas o Spark podem criar todos os tipos de aplicativos Web! Tente criar outro aplicativo por conta própria. Se você precisar de alguma inspiração, aqui estão algumas ideias para começar:

• Tente criar um aplicativo agregador de notícias ou um gerador de receitas inteligente.
• Crie um controlador de orçamento que permita definir um orçamento, aceite a inserção de uma lista de despesas e exiba o orçamento total restante. Você pode dar a cada despesa uma categoria e uma data e, em seguida, classificar as despesas pelas diversas categorias.

Leitura adicional

• Uso responsável do GitHub Spark
• Sobre a cobrança do GitHub Spark