Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Como contribuir • Autor •
📄 É um simples jogo da memória, feito enquanto eu aprendia "Estados" em React.js
Projeto desenvolvido no curso de Desenvolvimento de Software oferecido pela Cubos Academy.
- Funcionalidade 1: Ao clicar sobre uma das cartas, esta será virada. Ao clicar numa segunda carta, caso ambas sejam idênticas, elas desaparecerão da tela. Caso sejam diferentes, serão desviradas novamente.
- Funcionalidade 2: Ao clicar no botão "Reset", o jogo recomeça.
- Funcionalidade : Ao concluir o jogo, uma mensagem de parabenização é impressa na tela.
O layout da aplicação está disponível no Figma:
Este projeto é apenas de Frontend (pasta web).
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone git@github.com:Marcelo-Siriaki/memory-game.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd memory-game
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
As seguintes ferramentas foram usadas na construção do projeto:
Website (React + JavaScript)
Veja o arquivo package.json
- Protótipo: Figma → Protótipo
- Editor: Visual Studio Code
- Ícones: Feather Icons, Font Awesome
- Fontes: Roboto
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Marcelo Siriaki Rodrigues