Jogo da Memória é um projeto proposto no curso do Programador Br.

Overview

Jogo da Memória 💭

Repositório do projeto Jogo da Memória proposto no curso de Desenvolvimento Web Full Stack (Programdor Br).

🎯 Menu

Clique para expandir Início
Pré-requisitos
Acessar Projeto
Instalação
Tecnologias
Sobre
Extras
Preview
Status do Projeto
Autor

🚀 Início

Start Game 🎮

📋 Pré-requisitos

image

📁 Acessar Projeto

Acessar 🔗 o código fonte pelo GitHub.
Download 🔗 do código fonte no formato zip.
Clonar o repositório ultilizando Git Bash + o comando:

   $ git clone https://github.com/brseghese/progbr-jogo-da-memoria.git

🛠️ Instalação

Não há necessidade de instalação, clique em Start Game 🔗 para jogar.

⚙️ Tecnologias Utilizadas

Bruno-Js Bruno-HTML Bruno-CSS

📍 Sobre

Desenvolvido no padrão MVC.
As cartas são criadas, duplicadas e embaralhadas via JavaScript.
O algorítimo faz a checagem dos pares permanecendo abertas as cartas iguais, durante a execução.
Quando todas as cartas estão abertas, formando todos os pares, o jogo é finalizado.
Finalizado o jogo é exibida a página Game Over com botão restart.
No CSS foi utilizado FlexBox e Grid Layout.
Para criar perspectiva 3D na carta foi utilizado a propriedade CSS: transform-style: preserv-3d;.

📢 Extras

Criei uma página para o Start Game.
Criei um preview das cartas abertas de 3 segundos no início do jogo.
Adicionei áudio no ínicio e fim de jogo, quando abre cartas e formam pares.
Desenvolvi o tempo de jogo, exibindo no layout e o total no final do jogo.
Adicionei recorde de menor tempo que fica armazenado no localStorage.
Tratei da responsividade.

🎥 Preview

📌 Status do projeto

Em fase de testes. 🚧

✒️ Autor

Personal photo

Clique aqui 🔗 e acesse meu portfólio! 💼 (em construção...)
Desenvolvido com ❤️ por Bruno Seghese © Alguns direitos reservados.

Linkedin Badge Github Badge Gmail Badge

You might also like...

A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

AFIRMAJOBS Este projeto é resultado do Bootcamp Back-End - Todas em Tech - { reprograma } Justificativa Grupos historicamente minorizados – população

Dec 13, 2022

Um jogo diário de adivinhação de palavras. Versão brasileira não-oficial do Wordle.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Oct 19, 2022

Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript, Styled-Components, Axios, React-Feather e Open Trivia Database.

Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript, Styled-Components, Axios, React-Feather e Open Trivia Database.

TRIVIA-QUIZ Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript,

Feb 6, 2022

jogo para dois jogadores, onde se joga com X ou O:

jogo para dois jogadores, onde se joga com X ou O:

Jogo da Velha Link para o github sites jogo para dois jogadores, onde se joga com X ou O: X O e vão marcando no tabuleiro, alternadamente até obter um

Apr 5, 2022

Repositório oficial do jogo de advinhar palavras, Xingo

Repositório oficial do jogo de advinhar palavras, Xingo

O Xingo é um site brasileiro de advinhação diária de palavras, baseado no Wordle e no Lewdle. Porém todas as palavras são de baixo calão, vulgares e o

Dec 30, 2022

Recriação do jogo da forca utilizando JavaScript

Recriação do jogo da forca utilizando JavaScript

Jogo da Forca ☠️ Introdução O projeto consiste na recriação do jogo da forca utilizando JavaScript, com todas as animações e sistema feitos por mim. C

Jun 2, 2022

Jogo da Forca em JavaScript - Alura Challenge - Oracle ONE

Jogo da Forca em JavaScript - Alura Challenge - Oracle ONE

❗ Jogo da Forca | Segundo Desafio Proposto | Alura - ONE | 💾 Tecs Utilizadas ⭐ ⭐ ⭐ ✍🏻 Descrição Clássico jogo da forca que marcou nossas infâncias,

Nov 16, 2022

Jogo de batalha-naval desenvolvido por alunos da Fatec

encouracadoValente Projeto de jogo Batalha-Naval desenvolvido por alunos da Fatec Para testar em localhost: Pre-requisitos Node.js instalado Servidor

Nov 27, 2022

Curso de ECMAScript 6+ en Platzi

Curso de ECMAScript 6+ JavaScript es el lenguaje más utilizado para desarrollo de aplicaciones web, principalmente en el frontend. Cada año, ECMA Inte

Feb 12, 2022
Owner
Bruno Seghese
Web Developer
Bruno Seghese
Site de perguntas e respostas criado durante o curso de Node.js do Guia do Programador

GuiaPerguntas ?? ⬆ ⬆ ⬆ Site de perguntas e respostas criado durante o curso de Node.js do Guia do Programador, onde foi mostrado como fazer conexões,

Fuckner 2 Jun 12, 2022
Projeto para fins didáticos de final de módulo 4 proposto por Resilia Educalção

Academia API_Academia Projeto para fins didáticos Resilia Educação - Projeto Final Módulo 4 Tem como objetivo criar uma API RESTful de uma academia, o

Suzanne Patrícia de Souza 5 Jun 1, 2022
A ideia do projeto era desenvolver um jogo onde o usuário pode tentar "descobrir" ou melhor dizendo, lembrar a maior quantidade de HTML Tags em um determinado tempo.

HTML Tag Memory Test ?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: ViteJS ReactJS Typescript Tailwind Zustand Immer Axios

Igor Santos 4 May 17, 2022
Desafio 21 dias de código proposto pela Rocketseat.

21-days-of-code Desafio 21 dias de código proposto pela Rocketseat. As regras para participar do desafio são: Todos os dias, codar por pelo menos 1h;

Madalena Machado Rocha 8 Sep 17, 2022
Projeto Final - Web FullStack do curso Resilia

Amassa API As dependências utilizadas no projeto foram: ?? Iniciando o projeto Recomendamos que faça o download do Insomnia na sua maquina! download i

Matheus Germano 3 May 6, 2022
Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Caio Lemos 3 Nov 11, 2022
Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Caio Lemos 4 Nov 11, 2022
Projeto de Final de Módulo da Resilia, curso de Web Dev Full Stack, utilizando como base Node.js e Javascript.

?? API Transportadora Projeto de encerramento do módulo 4 da Resilia Educação. O objetivo é desenvolver uma API Rest de uma transportadora. ?? Pré-req

null 5 Mar 26, 2022
Projeto desenvolvido em Angular e Material, para conclusão do curso de extensão em Java

EmpresaFront This project was generated with Angular CLI version 13.0.4. Development server Run ng serve for a dev server. Navigate to http://localhos

Carolina Rodrigues 5 Mar 18, 2022
Grupo de Trabalho para o projeto do Desafio Chefão do XP 41 do Curso de FullStck da Gama Academy

Bem Vindos a Tech Dental ?? A Tech Dental é uma plataforma para gestão de prontuários de pacientes em clínicas odontológicas. Secretárias ou até mesmo

Helenilson Holamek 6 Jul 27, 2022