Giter VIP home page Giter VIP logo

wordle's Introduction

O que vamos desenvolver

Nesse projeto vamos desenvolver um jogo de adivinhar palavras inspirado no Wordle sinta-se livre para desenvolver da forma que preferir, use e abuse da sua criatividade 😄

Como o jogo funciona?

O objetivo é adivinhar uma palavra aleatória de 5 letras, após uma tentativa você recebe dicas sobre as letras

  • Amarelo: A letra existe mas está no lugar incorreto
  • Verde: A letra existe e está no lugar correto

Com essas dicas o jogador precisa deduzir a palavra correta em menos de 6 tentativas
Imagem para o tutorial

Inspirações

Caso você queira entender na pratica como o jogo funciona dê uma olhadinha nos links abaixo

  • Wordle (Versão original em inglês)
  • Letreco (Versão em português)
  • term.ooo (Versão em português com opções de jogar com 1, 2 ou 4 palavras)

Como iniciar o projeto

Imagem para o tutorial

  • Escreva o nome do seu projeto
  • Clique em Create a repository from this template

Imagem para o tutorial

  • Copie a chave SSH e comece a desenvolver 🥰

Requisitos

Para poder participar da votação, o seu código OBRIGATORIAMENTE precisa atender os pontos abaixo

Sua aplicação precisa conter as funcionalidades abaixo e elas precisam ser testadas

  • As dicas são mostradas corretamente
  • Deve ser possível escrever uma palavra
  • Deve ter o comportamento esperado caso o Player ganhe
  • Deve ter o comportamento esperado caso o Player perca

Além disso você precisa

Sugestão de como desenvolver

As sugestões abaixo são apenas um guia para poder facilitar o desenvolvimento, mas sinta-se TOTALMENTE LIVRE para fazer da forma que preferir desde que os requisitos estejam sendo atendidos

1 - Criar um Input de texto para o usuário enviar a palavra

Oque é esperado

  • Deve conter um input
  • A Palavra deve ser armazenada no estado

2 - Construa uma tabela com 6 linhas (Quantidade de tentativas) e 5 colunas (Quantidade de letras)

O que é esperado

  • Ter um quadro com 6 linhas<tr> (Quantidade de tentativas)
  • Ter um quadro com 5 colunas <td> (Quantidade de letras)

3 - Criar um botão para enviar o Input

Oque é esperado

  • O botão está desabilitado quando a palavra contem menos ou mais de 5 letras
  • Ao clicar a palavra ser mostrada na linha da tabela (Uma letra em cada célula)

4 - Criar um botão para limpar o Input

Oque é esperado

  • O input é limpo após clicar no botão

5 - Pegar uma palavra randômica do arquivo data/wordlist.js para ser a palavra chave

O que é esperado

  • Quando a aplicação carregue, uma palavra randômica
  • Guardar a palavra selecionada em um gerenciador de Estado (Redux ou Context)

6 - Implementar a logica de verificação

Oque é esperado

  • Armazenar oque o usuário digitou
  • Verificar a posição das letras
    • Amarelo: letra existente no lugar errado
    • Verde: letra existente no lugar certo
  • Mostra um aviso caso a palavra não exista no banco de palavras (data/wordlist.js)

7 - Implementa a logica de verificação da palavra chave

Oque é esperado

  • Se o usuário acertar
    • Verifica-se é redirecionado para a tela de feedback
  • Se o usuário errar
    • Ir para a próxima linha
  • Se o usuário errar e não tiver mais tentativas
    • Redirecionar para a tela de feedback

8 - Feedbacks

  • Deve mostrar uma mensagem de acordo com o numero de tentativas

Exemplo:

Tentativas Resultado
Menos de 3 tentativas Excelente
> 3 e > 5 tentativas Muito bom
6 tentativas Foi por pouco
Não tiver acertado Você perdeu

wordle's People

Contributors

kecbm avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.