Patinhas | Jogo da memória :feet::cat:

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 :pushpin:

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 :open_file_folder:

• HTML
• CSS
• JavaScript

Conceitos utlizados :books:

• 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 :camera:

https://github.com/Brenda-A-S/Pokedex-HTML-CSS-JS/assets/69852246/09a7d42b-4312-4ba3-9848-daf7773d9ec0

Assets

• As imagens utilizadas são disponibilizadas pelo Freepik, por diversos criadores. Confira no link.