https://github.com/leoviana00/memory-game-javascript
Criação de um jogo da memória utilizando HTML, CSS e JAVASCRIPT
https://github.com/leoviana00/memory-game-javascript
css html javascript
Last synced: about 1 month ago
JSON representation
Criação de um jogo da memória utilizando HTML, CSS e JAVASCRIPT
- Host: GitHub
- URL: https://github.com/leoviana00/memory-game-javascript
- Owner: leoviana00
- Created: 2024-11-01T10:55:13.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-02T13:58:48.000Z (6 months ago)
- Last Synced: 2025-01-25T10:11:20.029Z (3 months ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://leoviana00.github.io/memory-game-javascript/
- Size: 9.14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
Memory Game
## 🎯 Projeto
Criação de um jogo da memória utilizando `HTML`, `CSS` e `JAVASCRIPT`
- [Play Game](https://leoviana00.github.io/memory-game-javascript/)
## 👨💻 Abordagens
- Manipulação de dom
- Criação dos cards de forma dinâmica
- Rotate dos cards
- Desenho de logica através do css e javascript
- Ferramentas:
- cssgradient.io
- Just Color Picker
## ♟️ Projeto
## 🔴 Pokémons
| Bulbasaur | Charmander | Squirtle | Butterfly | Pidgeotto | Pikachu | Mr. Mime | Eevee |
| -------------------------------------------- | -------------------------------------------- | -------------------------------------------- | -------------------------------------------- | -------------------------------------------- | -------------------------------------------- | -------------------------------------------- | -------------------------------------------- |
| 
| 
| 
| 
| 
| 
| 
| 
|
## 🐾 Melhorias
- Melhorar a mensagem de aviso `você venceu`
- Responsividade
- Adicionar tempo
- Criar um Ranking baseado no tempo de finalização
## 📄 Referência
- [CSS Gradient](https://cssgradient.io/)
- [Color Picker](https://annystudio.com/software/colorpicker/)
- [Manipulação de DOM](https://developer.mozilla.org/pt-BR/docs/Web/API/Document_Object_Model/Introduction)