Color Guess

Clique aqui para ver o projeto no navegador.

Sobre

Projeto desenvolvido por Jonathan R. Andrade na Trybe.

Desenvolvi uma aplicação de um jogo de adivinhação de cores.

Um RGB aleatório e várias cores são exibidos na tela, a pessoa tera que selecionar a cor que represente esse RGB, a cada acerto a pontuação aumenta e a cada erro diminui. É possível alterar a dificuldade do jogo, quanto maior for a dificuldade, mais cores são exibidas.

Habilidades desenvolvidas

• Utilizar HTML para construir páginas WEB;
• Utilizar o JavaScript para manipular os elementos HTML através do DOM;
• Utilizar CSS para adicionar estilo e posicionar elementos.

Ferramentas utilizadas

• HTML5
• CSS3
• JavaScript ES6+
• Node.js v14

Como executar

Siga os passos abaixo executando os comandos no terminal.

1. Clone o repositório.

   • Exemplo com Git + HTTPS

     git clone https://github.com/Jonathan-R-Andrade/color-guess.git
     

   • Exemplo com Git + SSH

     git clone git@github.com:Jonathan-R-Andrade/color-guess.git
     

   • Usando GitHub CLI

     gh repo clone Jonathan-R-Andrade/color-guess
     

   Entre na pasta do repositório clonado.

2. Instale as dependências:

   npm install
   

---

Executando a aplicação

Entre na pasta src e abra o arquivo index.html no navegador.

---

Executando os linters

Para garantir a qualidade do código os linters ESLint e StyleLint foram utilizados, para rodá-los, execute os comandos abaixo:

• Para rodar o ESLint:

  npm run lint
  

• Para rodar o StyleLint:

  npm run lint:styles