Descubra o número é um jogo de adivinhação cujo objetivo é acertar o menor número possível de tentativas. Possui um design estilo 'retro'. Foi desenvolvido com base no curso The Complete JavaScript Course 2022: From Zero to Expert! do professor Jonas Schmedtmann como uma forma de praticar HTML5, CSS3 e Javascript.
- Utilizei como base 7-1 architecture pattern para criar os arquivos do SASS dentro do diretório src/scss. Lá consta um arquivo principal chamado main.scss que tem a função de importar os arquivos parciais dentro de sua respectiva pasta.
- Em cada pasta, consta um arquivo index.scss que lista cada um dos outros arquivos, no mesmo diretório, que vão ser incluídos na importação.
- O diretório build consta o arquivo main.css minificado para o deployment do projeto.
- Adicionei SASS ao projeto como uma forma melhor de organizar os diferentes componentes e, por conseguinte, uma melhor manutenção ao mesmo.
O jogo foi desenvolvido com JavaScript, além de HTML5 e SASS(SCSS). Foi usado NPM como gerenciador de pacotes e GULP para compilar SASS em CSS, além de outras dependências utilizadas no desenvolvimento, tais como: Adicionar prefixos proprietários, minificação(compressão).
Para Iniciar o projeto, faça o clone desse repositório ou baixe de forma local em seu sistema. Você pode visualizar o jogo clicando no link Descubra o número.
Antes de começar, você precisa instalar, em sua máquina, as seguintes ferramentas: Git, Node.js e um editor de código, como VSCode.
Siga as instruções abaixo para obter uma cópia local:
# Clone este repositório.
$ [email protected]:carla-santos/descubra-numero.git
# Acesse a pasta do projeto no seu terminal/cmd/(Git bash).
$ cd descubra-numero
# Instale as dependências.
$ npm install
# Execute a aplicação.
$ gulp dev
Utilize uma ferramenta como o Live Server para criar um servidor local e executar o projeto.
O fluxograma foi criado para facilitar o desenvolvimento do jogo e entender os vários fluxos de processo de decisão. Utilizei a seguinte ferramenta flowchart para a criação desse diagrama de processo.
- Início e Fim (roxo)
- Ação (verde)
- Decisão (azul)
- Ação importante (laranja)
Primeiramente, agradeço a sua visita, qualquer contribuição que você fizer é muito bem-vindo :D.
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b meu-recurso. - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "Recurso: meu novo recurso". - Envie as suas alterações:
git push -u origin meu-recurso.
O projeto está sob a licença MIT. Para saber mais, acesse o arquivo LICENÇA.
Carla Santos 🎮
Desenvolvido com 🧡 por Carla Santos 👋🏽
Sinta-se à vontade para entrar em contato comigo :)
Meus outros links: https://github.com/carla-santos
