Mundo Invertido

Bem-vindo ao projeto "Mundo Invertido"! Esta versão foi desenvolvida durante o Bootcamp da DIO e inclui um mini jogo interativo como parte do aprendizado.

Índice

• Objetivo
• Descrição do Projeto
• Como Utilizar
• Tecnologias Utilizadas
• Funcionalidades
• Contribuições
• Contato
• Observações

🎯 Objetivo

Este projeto tem como objetivo criar uma experiência interativa para os usuários, utilizando HTML, CSS e JavaScript. Como parte do treinamento no Bootcamp da DIO, foi adicionada uma funcionalidade de mini jogo baseado no tema da série Stranger Things, incluindo a figura do Demogorgon. O projeto visa aplicar conhecimentos adquiridos em front-end de forma prática, com foco em interação e gamificação.

📖 Descrição do Projeto

O "Mundo Invertido" é uma aplicação simples, mas divertida, que remete ao universo de Stranger Things. Nela, os jogadores interagem com um mini jogo onde é necessário "caçar" o Demogorgon, que aparece em posições aleatórias dentro de uma área de jogo. O tempo é limitado, e a pontuação aumenta conforme o jogador acerta o Demogorgon. Ao final do jogo, o usuário pode optar por reiniciar ou sair.

🕹️ Como Utilizar

1. Acessar a Página:

   • Acesse a aplicação hospedada clicando aqui.
   • Ou abra o arquivo index.html localmente no navegador para visualização offline.

2. Jogar o Mini Jogo:

   • Clique no botão "Iniciar Mini Jogo" para começar a partida.
   • O jogo irá mostrar o Demogorgon em posições aleatórias.
   • Clique sobre ele para marcar pontos.
   • O tempo é contado regressivamente, e ao final do tempo, o jogo termina e oferece a opção de reiniciar ou sair.

3. Interface:

   • O projeto oferece dois modos na página, permitindo alternar entre o Mundo Normal e o Mundo Invertido.
   • Utilize o modal para interagir com o jogo e fechar a interface.
   • O painel de pontos e tempo fica visível na parte superior da tela do modal durante o jogo.

🛠️ Tecnologias Utilizadas

• HTML5: Para a estruturação do conteúdo.
• CSS3: Para estilização e design.
• JavaScript: Para implementar a lógica, interação com o usuário.

⚙️ Funcionalidades

• Jogo de clicar no Demogorgon: O objetivo é clicar no Demogorgon que aparece aleatoriamente na área de jogo.
• Contagem regressiva: O tempo para jogar é limitado a 30 segundos.
• Painel de pontos: A pontuação do jogador é exibida e atualizada à medida que ele acerta o Demogorgon.
• Modal interativo: O modal contém o jogo e pode ser aberto ou fechado conforme a interação do usuário.
• Reinício do jogo: Ao final do jogo, o usuário pode escolher reiniciar a partida ou sair do jogo.

🤝 Contribuições

Contribuições são bem-vindas! Para contribuir:

• Abra uma Issue: Relate um bug ou sugira uma melhoria.
• Crie um Pull Request: Faça alterações no código e envie uma solicitação para revisão.

📧 Contato

Para dúvidas ou feedback, entre em contato:

• E-mail: nina.kastro@icloud.com
• LinkedIn: LinkedIn
• GitHub: GitHub

Observações

Este projeto foi desenvolvido como parte do Bootcamp da DIO e tem o objetivo de aprimorar as habilidades de desenvolvimento front-end, na minha versão adicionei de um mini jogo interativo. O tema inspirado na série Stranger Things foi escolhido para tornar o jogo mais envolvente e temático.

Made with 💜 by KM.