Patinhas | Jogo da memória 🐾🐱

Esse é um projetinho que desenvolvi para praticar JavaScript puro, junto com HTML e CSS. Comecei ele durante um bootcamp, com um código mais simples (que está no arquivo script copy.js) e depois evoluí a lógica para algo mais estruturado, transformando em uma classe reutilizável.

Com essa classe, dá pra criar facilmente outros jogos da memória, trocando só o container e as imagens — ou seja, é possível reaproveitar em diferentes temáticas e até em outros projetos.

O jogo tem:

• Embaralhamento automático das cartas

• Feedback visual para acertos e erros

• Interface simples, fofa e responsiva 🐾

Fiz esse projeto para treinar:

• Manipulação do DOM

• Condições e lógica de jogo

• Organização de código com orientação a objetos

• Layouts responsivos sem frameworks

Foi super divertido de fazer e espero que quem jogar também aproveite! 😄

Como jogar 📌

1- Abra o link.

2- Clique nas cartas até encontrar os pares.

3- Encontre todos os pares para ganhar.

4- Se precisar voltar o jogo do início, clique no botão "resetar".

Tecnologias utilizadas 📂

• HTML
• CSS
• JavaScript

Conceitos utlizados 📚

• Classes: Classe MemoryGame representando um objeto de jogo da memória com suas propriedades e métodos.
• Encapsulamento: Dentro da classe temos toda a parte lógica por traz do jogo.
• Manipulação de DOM: Elementos de cartas criados dinâmicamente com JavaScript, além de eventos de clique adicionados.

Telas Capturadas e vídeo 📷

Video.do.WhatsApp.de.2023-11-02.a.s.21.47.34_c67a76b6.mp4

Assets

• As imagens utilizadas são disponibilizadas pelo Freepik, por diversos criadores. Confira no link.
• Os sons utilizados são disponibilizados pelo Pixabay. Confira no link.

Conecte-se comigo 🔗

• Me siga no Instagram
• Se conecte comigo no LinkedIn
• Veja meu Portfólio
• Meu LinkTree