lucasnerism / projeto8-jogoforca

Projeto Jogo da Forca

Nesse projeto, a pessoa jogadora tem que adivinhar uma palavra chutando letra por letra e, se cometer 6 erros, ela perde o jogo. Caso adivinhe a palavra antes disso, ela ganha.

Cada passo do desenvolvimento do projeto foi versionada noGitHub. Vocês podem acompanhar o processo noscommitsno repositório do projeto.

> O projeto pode ser acessado online aqui <

Esse projeto foi feito utilizando apenas React e não foi utilizado useEffect Para executar esse projeto localmente você precisa ter o Node.js instalado.

Este projeto é sobre

• Componentização
• Utilização de estados
• Styled-components

✅ Requisitos Obrigatórios

Versionamento do código

• Versionamento usando Git é obrigatório, crie um repositório público no seu perfil do GitHub.
• Faça commits a cada funcionalidade implementada.

Pré-Jogo

• Os botões de letras devem ser mapeados através de um array do alfabeto:
• Antes de o jogo iniciar, o input e os botões de letras devem estar desabilitados.
• Os botões desabilitados devem possuir o atributo disabled no HTML.

Ao apertar“escolher palavra”

• Letras passam a ficar habilitadas.
• A contagem de erros nesse momento é 0, a imagem da forca vazia é mostrada.
• Você deve sortear uma das palavras do array que está no arquivo palavras.js para o usuário tentar adivinhar.
• Aparece a palavra a ser adivinhada na tela, com um underline ( _ ) para cada letra que a palavra possui.

Ao pressionar uma letra

• O botão de uma letra já clicada deve ficar desabilitado.
• Se a palavra escolhida no jogo tiver a letra que o usuário apertou:
  • O underline da posição correspondente à letra deve ser substituído pela letra em si.
• Se a palavra escolhida no jogo NÃO tiver a letra que o usuário apertou:
  • Sua contagem de erros deve aumentar.
  • A imagem na forca deve mudar (forca0 > forca1 > forca2… e assim sucessivamente).

Fim de Jogo

• Botões de letras devem ser desabilitados.
• Caso o usuário ganhe:
  • Quando o usuário ganha, a palavra completa fica em verde e os botões voltam a ficar desabilitados.
  • Para continuar a jogar, o usuário deve apertar o botão “Escolher Palavra”, e o jogo será reiniciado do zero.
• Caso o usuário perca:
  • A imagem final que deve aparecer é a do boneco enforcado (forca6).
  • A palavra deve ser revelada, mas em vermelho.

✅ Requisitos Bônus

Reiniciar o Jogo

• A qualquer momento, o usuário pode reiniciar o jogo pressionando o botão “escolher palavra”.
• Uma nova palavra é sorteada.
• O jogo deve voltar ao estado inicial (0 erros, imagem inicial da forca, palavra apenas com risquinhos, todos os botões de letras habilitados).

Input de chute

• Crie um novo componente no seu projeto chamado Chute. Esse componente deverá ter um input e um botão onde o usuário poderá chutar a palavra inteira caso ele deseje
• Ao fazer isso, se acertar a palavra, ele ganha imediatamente.
  • A palavra correta aparece completa e na cor verde
• Mas, se errar, ele perde imediatamente, independente da contagem anterior de erros. A imagem que deve aparecer nesse momento é a do bonequinho enforcado (forca6).
• O input deve ser desabilitado em dois casos: antes de iniciar o jogo e depois de finalizar (ganhar ou perder)

Considerar caracteres especiais

• Quando o usuário pressionar uma letra sem acento (ex: a) e, na palavra, houver a mesma letra mas com acento (ex: à, á, â, ã), ela deve ser considerada como certo.
• Além dos acentos, considere também que c e ç são equivalentes.