Demonstração do projeto/Project demonstration: Secret Word Game

Idioma/Language:

Português/Portuguese - Inglês/English

• Sobre o Projeto
• Imagens
• Tecnologias Utilizadas
• Conceitos Utilizados
• Configuração do Projeto
  • Instalando o ReactJS
  • Executando o Projeto
• Trabalhos Futuros
• Licença
• Autor

O jogo consiste em adivinhar a palavra de uma determinada categoria, a qual é mostrada como dica.

As letras sugeridas pelo jogador, se corretas, são mostradas nos quadrados brancos que correspondem às posições das letras na palavra. As letras sugeridas que não fazem parte da palavra, são mostradas logo abaixo e ao final de 3 tentativas o jogo se encerra mostrando a pontuação do jogador.

Para o desenvolvimento deste jogo, foram utilizadas as seguintes tecnologias:

Para o desenvolvimento deste jogo, os seguintes conceitos foram utilizados:

• Lifting State
• React Hooks:
  • useState
  • useEffect
  • useRef
  • useCallback

Antes de começar, é necessario ter instalado em seu computador as seguintes ferramentas: Git, Node.js e Visual Studio Code.

Após instalar o Node.js, digite os seguintes comandos para verificar as versões do Node.js e do NPM e com isso constatando que a instalação foi bem-sucedida:

# Verificando a versão do Node.js
$ node -v

# Verificando a versão do NPM
$ npm -v

• Instalando o ReactJS

  Create React App é uma ferramenta de linha de comando que simplifica o processo de configuração de um novo projeto React com uma estrutura e configuração de projeto recomendadas. Para instalar o Create React App globalmente, abra um prompt de comando e execute o seguinte comando:

  # Instalando a ferramenta Create React App
  $ npm install -g create-react-app

• Executando o Projeto

  # Clone este repositório
  $ git clone https://github.com/matheusdefarias/reactjs-secret-word-game.git
  
  # Na raiz do projeto clonado, acesse a pasta 'reactjs-secret-word-game/secret-word'
  $ cd secret-word
  
  # Instale as dependências
  $ npm install
  
  # Execute o projeto
  $ npm start
  
  # Acesse 'http://localhost:3000' no navegador e veja o projeto rodando

• Criar uma API, que forneça as categorias das palavras e as palavras, para ser consumida;
• Integrar o front-end da aplicação com o back-end possibilitando o consumo da API.

Este projeto está sob licença do MIT. Consulte o arquivo LICENSE para obter mais detalhes.

_{Matheus de Farias Cavalcanti Santos}

👋🏽 Entre em contato!

• About the Project
• Screenshots
• Technologies Used
• Concepts Used
• Project Setup
  • Installing ReactJS
  • Running the Project
• Future Works
• License
• Author

The game consists of guessing the word from a certain category, which is shown as a hint.

The letters suggested by the player, if correct, are shown in the white squares that correspond to the positions of the letters in the word. The suggested letters that are not part of the word are shown below and after 3 attempts the game ends showing the player's score.

For the development of this game, the following technologies were used:

For the development of this game, the following concepts were used:

• Lifting State
• React Hooks:
  • useState
  • useEffect
  • useRef
  • useCallback

Before starting, you must have the following tools installed on your computer: Git, Node.js and Visual Studio Code.

After installing Node.js, type the following commands to check the versions of Node.js and NPM and verify that the installation was successful:

# Checking the Node.js version
$ node -v

# Checking the NPM version
$ npm -v

• Installing ReactJS

  Create React App is a command-line tool that simplifies the process of setting up a new React project with a recommended project structure and configuration. To install Create React App globally, open a command prompt and run the following command:

  # Installing the Create React App tool
  $ npm install -g create-react-app

• Running the Project

  # Clone this repository
  $ git clone https://github.com/matheusdefarias/reactjs-secret-word-game.git
  
  # In the root of the cloned project, access the 'secret-word' folder
  $ cd secret-word
  
  # Install dependencies
  $ npm install
  
  # Run the project
  $ npm start
  
  # Access 'http://localhost:3000' in the browser and see the project running

• Create an API that provides word categories and words to be consumed;
• Integrate the front-end of the application with the back-end, enabling the consumption of the API.

This project is under the MIT license. See the LICENSE file for more details.

_{Matheus de Farias Cavalcanti Santos}

👋🏽 Get in touch!