Skip to content

ygordimas/jogo-de-memoria

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Jogo de Memória


Status: Projeto finalizado


Autor: Ygor Dimas


Contato: Linkedin


Para acessar a GitHub Page do projeto, clique aqui.


Descrição Geral

Um jogo de memória com 8 pares de cartas distribuídos em uma grid, acompanhado de um painel lateral e um contador de tentativas.

Objetivos

O projeto é um ponto de partida para meu desenvolvimento profissional como programador. Através da criação e aperfeiçoamento da aplicação tive a oportunidade de colocar em prática conhecimentos de HTML5, CSS3 e JavaScript puro. O tutorial utilizado como base oferecia suporte para a criação da mecânica de jogo de memória. Como desafio pessoal, adicionei ao projeto um painel lateral responsável por exibir as cartas coletadas, um contador responsável por exibir a quantidade de tentativas falhas de combinações de pares de carta, e um painel com um botão que permite o reset do estado inicial do jogo após todas as cartas serem coletadas.

Tópicos de FrontEnd abordados

  • CSS Grid
  • CSS Flex
  • Animações com CSS
  • Utilização de bibliotecas externas de fontes e ícones
  • Responsividade (Media Queries)
  • Recuperação de elementos do DOM e criação e inserção de novos elementos na página através de funções de Javascript

Resultados

Layout geral

Layout geral da página Layout geral da página com painel para reiniciar o jogo

Layout para dispositivos com até 992 pixels de largura

Layout com breakpoint de 992px de largura Layout com breakpoint de 992px de largura, sem painel lateral

Layout para dispositivos com até 768 pixels de largura

Layout com breakpoint de 768px de largura Layout com breakpoint de 768px de largura, sem painel lateral

Layout para dispositivos com até 576 pixels de largura

Layout com breakpoint de 576px de largura Layout com breakpoint de 576px de largura, sem painel lateral

Créditos das imagens

Pexels