ribafs / visual-memory

Um jogo de memória desenvolvido com Javascript

Home Page:https://ribafs.github.io/visual-memory

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Preview do projeto

Visual Memory

Um jogo pra excercitar a memória feito com Javascript

Alerta

Funciona somente num servidor web

🧠 Motivação

Esse game é uma "evolução", digamos assim, do Simon Game, primeiro jogo que eu fiz com JS e que me trouxe MUITOS aprendizados como Dev.

O Visual Memory em especial é um pouco mais complexo já que aproveitei pra aprender um pouco mais sobre classes e import/export do JS

📚 Aprendizados

  • Uso de classes no JS
  • Entendimento do this
  • Manipulação da DOM (um pouco mais avançada)
  • Timers (setTimeout)
  • MUITO entendimento sobre arrays e suas operações
  • Animações pelo JS (element.animate)
  • Muito exercício de lógica e algoritmos

Esse último sendo um dos principais aprendizados pois foram esses jogos, tanto o Simon Game quanto este, que despertaram minha mente pra ter um pensamento mais lógico.

Eu pensava no que queria fazer e depois ia fazendo os algoritmos necessários pra realizar aquilo que eu tinha em mente, foi muito proveitoso quando estava iniciando nesse mundo dev.

👨‍💻 Quer rodar esse projeto ?

Clone o projeto e acesse a pasta

git clone https://github.com/raphaeldevs/visual-memory

cd visual-memory

Rode um servidor

npx serve .

Obs.: Como estou usando módulos (import/export) do Javascript, abrir o arquivo estático no navegador não vai funcionar. É necessário rodar um pequeno servidor. Se você tem o Node instalado, pode rodar o comando acima, se não, pode usar outras alternativas como o Live Server, plugin do VS Code

About

Um jogo de memória desenvolvido com Javascript

https://ribafs.github.io/visual-memory


Languages

Language:JavaScript 81.0%Language:CSS 12.3%Language:HTML 6.6%