https://github.com/auroradark/jogo_da_memoria

Jogo da memória com contagem de erros. Layout responsivo e desenvolvido 100% no front-end utilizando apenas HTML, CSS e Javascript.
https://github.com/auroradark/jogo_da_memoria

css html5 javascript jogo-da-memoria memory-card memory-card-game memory-cards

Last synced: about 2 months ago
JSON representation

Jogo da memória com contagem de erros. Layout responsivo e desenvolvido 100% no front-end utilizando apenas HTML, CSS e Javascript.

• Host: GitHub
• URL: https://github.com/auroradark/jogo_da_memoria
• Owner: AuroraDark
• Created: 2020-06-23T20:18:18.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-21T16:25:55.000Z (8 months ago)
• Last Synced: 2024-04-21T21:41:23.229Z (8 months ago)
• Topics: css, html5, javascript, jogo-da-memoria, memory-card, memory-card-game, memory-cards
• Language: CSS
• Homepage: https://auroradark-jogodamemoria.netlify.app/
• Size: 1.04 MB
• Stars: 33
• Watchers: 1
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Jogo da Memória 

[![Netlify Status](https://api.netlify.com/api/v1/badges/9a556471-9373-4438-b1e6-db6f2ad7d386/deploy-status)](https://app.netlify.com/sites/auroradark-jogodamemoria/deploys)

## Etapas do projeto

- [x] Design no figma **[-> LINK DO DESIGN NO FIGMA](https://www.figma.com/file/x71PJgN77PFRs6JRUFQwFa/Jogo-da-Mem%C3%B3ria?node-id=0%3A1)**

- [x] Design na página (HTML e CSS)

- [x] Design das cartas (HTML E CSS)

- [x] Lógica do jogo (Javascript)(o jogo está funcionando!!)

- [x] Site no AR  **[-> CLIQUE AQUI PARA VER O SITE](https://auroradark-jogodamemoria.netlify.app/)**

- [x] Layout responsivo

- [x] Exibir mensagem de vitória >>> contribuição do [JoaoSCoelho](https://github.com/JoaoSCoelho)

- [x] Botão para reiniciar o jogo

- [ ] Botão para mudar tema **(EM BREVE)**

## Prints

### Desktop

![desktop](public/src/jogo da memoria2.png)

### Tela de Vitória 

![desktop-2](public/src/jogo da memoria3.png)

### Celular (gif desatualizado, agora possui botão de reiniciar!)

![celular-gif](public/src/gif.gif)

---

## Tecnologias (100% front-end)

* HTML, CSS e Javascript

## Sobre

 

>O jogo da memória é um clássico jogo formado por peças que apresentam uma figura em um dos lados. Cada figura se repete em duas peças diferentes. Para começar o jogo, as peças são postas com as figuras voltadas para baixo, para que não possam ser vistas. Cada participante deve, na sua vez,virar duas peças e deixar que todos as vejam. Caso as figuras sejam iguais, o participante deve recolher consigo esse par e jogar novamente. Se forem peças diferentes, estas devem ser viradas novamente, e sendo passada a vez ao participante seguinte. Ganha o jogo quem tiver mais pares no final do jogo.

>[Nosso querido WIKIPEDIA](https://pt.wikipedia.org/wiki/Jogo_de_mem%C3%B3ria)

Bom, nesse caso o jogo é **quase** assim. A única diferença é que você joga **contra si mesmo**.

### Alguns recursos da interface...

* Você poderá ver a quantidade de erros e comparar com os outros jogadores

* Mudar tema - Sim, isso mesmo kkkkk eu **pretendo** colocar temas, então digamos que é só um insight por enquanto.

## OBRIGADA :D

**Agradeço a todos que testaram e me deram novas ideias, com base nelas fiz e continuo fazendo alterações no projeto inicial para melhorar a experiência do jogador!** 

### CONTRIBUIDORES

* [JoaoSCoelho](https://github.com/JoaoSCoelho) 

**Autor: [AuroraDark](https://github.com/AuroraDark) :)**