https://github.com/gustavo-victor/hangman-game
Hangman Game using ReactJS
https://github.com/gustavo-victor/hangman-game
css hangman-game hooks html js reactjs styled-components typescript
Last synced: 8 months ago
JSON representation
Hangman Game using ReactJS
- Host: GitHub
- URL: https://github.com/gustavo-victor/hangman-game
- Owner: Gustavo-Victor
- License: mit
- Created: 2023-04-13T19:22:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-06T03:05:46.000Z (over 2 years ago)
- Last Synced: 2025-01-01T14:24:31.752Z (10 months ago)
- Topics: css, hangman-game, hooks, html, js, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage: https://3x34vs-5173.csb.app/
- Size: 104 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Hangman Game
Sobre |
Layout |
Tecnologias e Ferramentas |
Funcionalidades |
Instalação |
Licença |
✔ Projeto concluído
## ❓ Sobre
Este projeto é uma aplicação de Jogo da Forca feita em React. O projeto foi baseado em um [tutorial](https://www.youtube.com/watch?v=ewppbL5Iz54&list=PLuElAIt7y8x11v_t6GtujQlDXU3WjxtWp&index=21) do Youtube do canal [Front Beginners](https://www.youtube.com/@FrontBeginners).
Clique [aqui](https://3x34vs-5173.csb.app/) para ver o projeto no [CodeSandbox](https://codesandbox.io/).
## 🎨 Layout
## 🛠 Tecnologias e Ferramentas
- Tecnologias
- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [Styled Components](https://styled-components.com/)
- [ReactJS](https://pt-br.reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vitejs.dev/)
- [CodeSandbox](https://codesandbox.io)
Veja como ficou o arquivo [package.json](./package.json)
## ⚙ Funcionalidades
- [x] Gerar nova palavra aleatória
- [x] Capturar entrada do usuário por teclado ou mouse
- [x] Exibir letras que usuário acertou na tela
- [x] Desabilitar letras que usuário já digitou ou clicou
- [x] 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](https://nodejs.org/en) instalado na sua máquina (recomendo baixar a versão LTS) e o [GIT](https://git-scm.com/) 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:
```bash
git clone https://github.com/Gustavo-Victor/hangman-game.git
```
2. 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:
```bash
cd hangman-game/
```
3. Instale as dependências necessárias do projeto (a pasta do projeto precisa estar aberta no terminal):
```bash
npm i -g yarn;
yarn install;
```
4. Executar o projeto em modo de desenvolvimento:
```bash
yarn dev
```
5. 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](./LICENSE.md) para saber mais