digitalinnovationone · jhonnn-ny · Jan 14, 2026 · Jan 14, 2026
diff --git a/README.md b/README.md
@@ -1,51 +1,39 @@
-# Natural ou Fake Natty? Como Vencer na Era das IAs Generativas
+# ☁️🤖 Natty or Not? – Cloud Edition
 
-## 🚀 Introdução
+Projeto desenvolvido como parte do desafio **Lab Natty or Not** da Digital Innovation One (DIO), com foco em **Cloud Computing e Inteligência Artificial**.
 
-> Woooow! Look at this 👀
+O objetivo é apresentar, de forma interativa, conceitos relacionados à nuvem e IA, desafiando o usuário a identificar se uma afirmação foi gerada por IA ou se é um conceito real da área de tecnologia.
 
-Olá pessoal, Venilton da DIO aqui! Inspirado na hype _"Natty or Not"_ do fisiculturismo, este Lab da DIO te convida a conhecer o mundo das IAs Generativas, explorando o potencial dessas tendências tecnológicas incríveis!
+---
 
-## 🎯 Bora Pro Desafio!? Você Já Venceu 💪🤓
+## 🎯 Objetivo do Projeto
 
-### Objetivos
+- Consolidar conhecimentos básicos de **Cloud Computing**
+- Criar um projeto **100% estático**, ideal para ambientes em nuvem
+- Demonstrar organização de código, lógica e documentação
+- Servir como projeto de **portfólio para Cloud / Infra Júnior**
 
-1. **Explorar IAs Generativas**: Utilize essas tecnologias para criar conteúdos que sejam o mais realista possível. Seja criativo! Você pode produzir imagens, textos, áudios, vídeos ou combinações de tudo isso!
-1. **Potfólio de Projetos**:
-    1. Faça o "fork" deste repositório, criando uma cópia em seu GitHub pessoal;
-    2. Edite seu README com os detalhes do seu projeto, siga nosso [Template](#template) (é só copiar, colar e preencher);
-    3. Submeta o link do seu repositório na plataforma da DIO. Pronto, você acabou de fortalecer seu portfólio de projetos nos perfis do GitHub e DIO 🚀
-1. **Efeito de Rede**: Compartilhe seus resultados nas redes sociais com a hashtag **#LabDIONattyOrNot**. Não esqueça de nos marcar: [DIO](https://www.linkedin.com/school/dio-makethechange) e [falvojr](https://www.linkedin.com/in/falvojr).
+---
 
-### Template
+## 🕹️ Como funciona
 
-```markdown
-# Título do Projeto Extremamente Aesthetic ;)
+1. O usuário recebe uma afirmação sobre IA
+2. Deve escolher entre:
+   - 🤖 IA
+   - 🧠 Humano
+3. O sistema valida a resposta e soma a pontuação
+4. Ao final, é exibido o resultado total
 
-## 📒 Descrição
-Breve descrição do seu projeto
+---
 
-## 🤖 Tecnologias Utilizadas
-Liste as IAs Generativas e outras ferramentas usadas
+## 🛠️ Tecnologias Utilizadas
 
-## 🧐 Processo de Criação
-Descreva como você criou o conteúdo
+- **HTML5** – Estrutura da aplicação
+- **CSS3** – Estilização
+- **JavaScript (Vanilla)** – Lógica do jogo
+- **Git & GitHub** – Versionamento
+- **Cloud Ready** – Projeto preparado para deploy em:
+  - AWS S3 (Static Website Hosting)
+  - Azure Blob Storage
+  - GitHub Pages
 
-## 🚀 Resultados
-Apresente os resultados do seu projeto
-
-## 💭 Reflexão (Opcional)
-Comente sobre o desafio de criar algo 'natty' com IA.
-```
-
-### Exemplos e Insigths
-
-- [E-BOOK](/exemplos/E-BOOK.md)
-- [Podcast](/exemplos/PODCAST.md)
-- [Vídeo (Avatar Virtual)](/exemplos/VIDEO.md)
-
-## Links Interessantes
-
-[Base10: If You’re Not First, You’re Last: How AI Becomes Mission Critical](https://base10.vc/post/generative-ai-mission-critical/)
-
-![Base10's Trend Map Generative AI](https://github.com/digitalinnovationone/lab-natty-or-not/assets/730492/f4df26e8-f8f7-4419-8252-c69d73ea930c)
diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="UTF-8" />
+  <title>Natty or Not?</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <div class="container">
+    <h1>🤖 Natty or Not?</h1>
+    <p id="question">Carregando...</p>
+
+    <div class="buttons">
+      <button onclick="answer('IA')">🤖 IA</button>
+      <button onclick="answer('Humano')">🧠 Humano</button>
+    </div>
+
+    <p id="feedback"></p>
+    <p id="score">Pontuação: 0</p>
+
+    <button class="next" onclick="nextQuestion()">Próxima</button>
+  </div>
+
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,48 @@
+const questions = [
+  {
+    text: "A inteligência artificial já consegue escrever poemas complexos.",
+    answer: "IA"
+  },
+  {
+    text: "Essa frase foi escrita por um ser humano em um projeto de teste.",
+    answer: "Humano"
+  },
+  {
+    text: "Modelos de linguagem podem gerar código funcional.",
+    answer: "IA"
+  }
+];
+
+let current = 0;
+let score = 0;
+
+const questionEl = document.getElementById("question");
+const feedbackEl = document.getElementById("feedback");
+const scoreEl = document.getElementById("score");
+
+function loadQuestion() {
+  feedbackEl.textContent = "";
+  questionEl.textContent = questions[current].text;
+}
+
+function answer(choice) {
+  if (choice === questions[current].answer) {
+    feedbackEl.textContent = "✅ Acertou!";
+    score++;
+  } else {
+    feedbackEl.textContent = "❌ Errou!";
+  }
+  scoreEl.textContent = `Pontuação: ${score}`;
+}
+
+function nextQuestion() {
+  current++;
+  if (current >= questions.length) {
+    questionEl.textContent = "🎉 Fim do jogo!";
+    feedbackEl.textContent = "";
+  } else {
+    loadQuestion();
+  }
+}
+
+loadQuestion();
diff --git a/style.css b/style.css
@@ -0,0 +1,51 @@
+body {
+  font-family: Arial, sans-serif;
+  background: #0f172a;
+  color: #e5e7eb;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+.container {
+  background: #020617;
+  padding: 30px;
+  border-radius: 10px;
+  width: 100%;
+  max-width: 500px;
+  text-align: center;
+}
+
+h1 {
+  margin-bottom: 20px;
+}
+
+.buttons button,
+.next {
+  padding: 10px 20px;
+  margin: 10px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+.buttons button {
+  background: #2563eb;
+  color: white;
+}
+
+.buttons button:hover {
+  background: #1d4ed8;
+}
+
+.next {
+  background: #16a34a;
+  color: white;
+}
+
+#feedback {
+  margin-top: 15px;
+  font-weight: bold;
+}