Menu Close

hangman-game

Hangman Game

Sobre   |   
Layout   |   
Tecnologias e Ferramentas   |   
Funcionalidades   |   
Instalação   |   
Licença   |   

Projeto concluído

GitHub Repo stars
GitHub watchers
GitHub forks
GitHub code size in bytes
GitHub repo file count


Sobre

Este projeto é uma aplicação de Jogo da Forca feita em React. O projeto foi baseado em um tutorial do Youtube do canal Front Beginners.

Clique aqui para ver o projeto no CodeSandbox.

🎨 Layout

Desktop Mobile

🛠 Tecnologias e Ferramentas

Veja como ficou o arquivo package.json

Funcionalidades

  • Gerar nova palavra aleatória
  • Capturar entrada do usuário por teclado ou mouse
  • Exibir letras que usuário acertou na tela
  • Desabilitar letras que usuário já digitou ou clicou
  • Permitir ao usuário jogar novamente ao apertar ENTER ao fim do jogo

💻 Instalação

Para abrir e executar o projeto no seu computador, você vai precisar ter o Node.js instalado na sua máquina (recomendo baixar a versão LTS) e o GIT para executar os comandos de terminal a seguir.
É recomendado ter alguns conhecimentos básicos de HTML, CSS, JavaScript e React para conseguir entender os códigos do projeto e também ter alguma noção prévia de comandos de terminal para conseguir acompanhar as instruções no seu computador.

  1. Faça download do projeto ou clone ele com o seguinte comando no terminal:
    git clone https://github.com/Gustavo-Victor/hangman-game.git
  1. Descompacte o arquivo do projeto e abra a pasta do projeto; se tiver clonado basta só abrir a pasta do projeto; você pode abrir a pasta usando o seguinte comando:
    cd hangman-game/ 
  1. Instale as dependências necessárias do projeto (a pasta do projeto precisa estar aberta no terminal):

    npm i -g yarn;
    yarn install;
  1. Executar o projeto em modo de desenvolvimento:
    yarn dev 
  1. Abrir o projeto no seu navegador de preferência. (Basta digitar na barra de pesquisa: http://localhost:5173/).

📝 Licença

O projeto está sob a Licensa MIT

Qualquer pessoa pode usar, clonar e contribuir com este projeto.

Clique aqui para saber mais

View Source Code
Posted in Development