Article image
Belisnalva Jesus
Belisnalva Jesus19/07/2024 22:06
Compartilhe

Natural ou Fake Natty?

  • #HTML
  • #JavaScript
  • #ChatGPT

Como Vencer na Era das IAs Generativas.

🚀 Introdução

> Woooow! Look at this 👀

Olá pessoal, meu apelido é Bella! Inspirada na hype _"Natty or Not"_ do fisiculturismo, explorando o potencial dessa tendência tecnológica incrível!

🎯 Bora Pro Desafio!? Eu Já Venci 💪🤓

Objetivos

1. **Explorar IAs Generativas.

2. **LabDIONattyOrNot**.

3. Visite: (https://www.linkedin.com/in/belisnalva-costa-pereira).

📒 Descrição

Nestes projetos utilizei a IDE Visual Studio Code para fazer os códigos e a IA para corrigir os bugs. Segui os exemplos abaixo relacionados:

🤖 Tecnologias Utilizadas

## Front-end

HTML

CSS

JavaScript

IA Generativa - ChatGPT

🧐 Processo de Criação

Descrição do Jogo Interativo de Perguntas e Respostas Bíblicas.

1. Objetivo: 

Criar um jogo interativo com perguntas e respostas baseado em passagens bíblicas, utilizando HTML, CSS e JavaScript. O jogo visa fornecer uma experiência educacional e divertida para os usuários.

2. Passagens Utilizadas: 

Livro de Juízes 2:7-23

Salmo 86:5

3. Funcionalidades: 

Interface Gráfica: Design simples e intuitivo, com uso de HTML e CSS para estrutura e estilo.

Interação com o Usuário: Perguntas apresentadas sequencialmente, com opções de resposta para o usuário selecionar.

Feedback Imediato: Indicação de respostas corretas ou incorretas após cada seleção.

Pontuação: Sistema de pontuação para contabilizar acertos.

4. Tecnologias Utilizadas: 

HTML: Estruturação das páginas e elementos do jogo.

CSS: Estilização dos componentes visuais.

JavaScript: Lógica de funcionamento do jogo, manipulação do DOM e interação do usuário.

5. Processo de Desenvolvimento: 

Planejamento: Definição das perguntas e estrutura geral do jogo.

Desenvolvimento Inicial: Criação do esqueleto do HTML e estilo básico com CSS.

Implementação da Lógica: Desenvolvimento da lógica do jogo em JavaScript, incluindo a funcionalidade de exibir perguntas, verificar respostas e calcular a pontuação.

Testes e Correções: Testes para identificar bugs e ajustar funcionalidades.

Aperfeiçoamento: Refinamento do código e da interface com feedback e sugestões para melhorar a experiência do usuário.

6. Contribuição do ChatGPT: 

Correção de bugs no código.

Sugestões para aperfeiçoamento da lógica e da interface do jogo.

Orientações sobre melhores práticas de programação.

🚀 Resultados Link

https://github.com/BelisnalvaCosta/jogos_interativos.git

>"A vitória vem, para quem sempre luta e não desiste facilmente!!"

<!-- Minhas palavras --> 

Este protótipo que elaborei com apoio da IA generativa está em fase de desenvolvimento ainda, para melhor interação com o usuário final.

Compartilhe
Comentários (1)

HM

Halam Mesquita - 19/07/2024 22:32

Gostei, parabéns.