Projeto Secret Word Game

Sobre   |    Deploy   |    Utilizacoes   |    Instalacoes necessarias   |    Contato

📝Sobre

• Este projeto é um jogo que tem como objetivo adivinhar palavras a fim de conseguir a maior pontuação possível;
• Para isso, o usuário poderá inserir até 5 letras erradas, sendo elas as suas tentativas no jogo. Quando as mesmas acabam, o jogo é encerrado e sua pontuação final mostrada;
• O campo de input do jogo foi validado utilizando RegEx e há também verificação para impedir a entrada de uma letra que já foi utilizada;
• A partir deste projeto, pude treinar a manipulação dos conceitos fundamentais do ReactJS: Props, states e components.

🔗Deploy

Acesse a visualização completa do Projeto Secret Word Game aqui.

💻Utilizações

Feito através do editor Visual Studio Code.

Tecnologias utilizadas:

• HTML: Linguagem de marcação utilizada na construção de páginas na Web;
• CSS: Linguagem de estilo usada para descrever a apresentação de um documento escrito em HTML ou em XML;
• Javascript: Linguagem de programação utilizada principalmente no desenvolvimento web para a criação de interfaces dinâmicas;
• React.js: Biblioteca Javascript que permite aos desenvolvedores criar interfaces de usuário interativas e reutilizáveis. Sua abordagem baseada em componentes facilita a construção de aplicativos web modulares e escaláveis;
• Sonner: Biblioteca ReactJS de componentes toast (alertas);
• ViteJS: É um build tool que permite um desenvolvimento rápido para projetos web. Ele simula um servidor durante o desenvolvimento para melhorar o desempenho e a produtividade.

💾 Instalações necessárias

Para executar os seguintes comandos em seu terminal, é necessário ter o Git e o Node.JS (preferencialmente na versão LTS) instalados previamente e configurados.

Clone o repositório e entre em sua pasta

git clone https://github.com/ABeatrizSC/secret-word-game.git

cd secret-word-game

Instalação das dependências do projeto

npm install

Inicie o servidor local utilizando o Vite.js

npm run dev

Dê ctrl + click no endereço de link gerado para abrir o projeto em seu navegador.

🔍 Contato: