mateusqc / jogodamemoria

Jogo da memória desenvolvido para a disciplina Princípios de Desenvolvimento Web 2020.3

Jogo da Memória

Jogo da memória desenvolvido para a disciplina Princípios de Desenvolvimento Web - 2020.3 - UFCG.

O arquivo em HTML com as principais funcionalidades do projeto se encontra no diretório mainFeature.

Descrição do Projeto

Partindo da definição clássica de um jogo da memória (que pode ser encontrada aqui), o intuito é desenvolver um jogo no mesmo estilo que rode num navegador e utilize uma API rest para comunicação e armazenar quaisquer lógicas necessárias.

O jogo contará com um modo de jogador único, onde o jogador deverá encontrar todas as peças pares. Seu desempenho será mensurado de acordo com o tempo decorrido até que sejam encontrados todos os pares e pelo número de erros cometidos (pares incorretos).

A pontuação obtida será registrada ao final de cada partida e estará disponível para consulta numa tabela de Hiscores, onde os jogadores poderão verificar as maiores pontuações.

Haverão diferentes níveis de jogo, variando a quantidade de pares, limite de tempo e limite de pares errados (ou a ausência de ambos). Modos de jogo com parâmetros customizados poderão ser criados pela comunidade.

Funcionalidades Extras

• Modo de jogo multijogador, onde dois jogadores (talvez mais, se possível) jogarão simultaneamente num modo de turnos. Nesse caso, o vencedor será o que tiver mais pares acumulados;
  • A conexão entre jogadores poderá ser feita por meio de um código de acesso à sala, onde o(s) jogador(es) que forem se conectar deverão utilizar o mesmo código, ou por meio de uma listagem de salas. Provavelmente será a primeira maneira, ainda a decidir.
• Login de usuário (talvez utilizando rede social);
  • Associar hiscores à conta;
  • Possibilita visualizar hiscores de amigos na rede social (caso seja por rede social de fato ou haja essa possibilidade);
  • Pefil do usuário com estatísticas de jogo;
    • Partidas jogadas, hiscores pessoais...

jogodamemoria's Issues

Revisão Do Readme

Readme bem descrito e de fácil entendimento

Diretório com nome possivelmente errado

Tem um diretório com nome 'contants' que talvez devesse ser constants.

Criar controllers e services

Minha sugestão seria criar controller e services, atualmente toda implementação está dentro do próprio arquivo de rotas

Repository cleanup

Ola, gostaria de sugerir a remocao da pasta mainFeature.

Inicializar Front-end

Inicilizar o front-end da aplicação, tendo como requisito mínimo o planejamento da atividade necessária para esta semana:

Um componente com...

• Estado interno sendo alterado
• Props que afetam o componente

Talvez o próprio menu da aplicação atenda a estes requisitos, entretanto o intuito é inicializar o tabuleiro com as peças iniciais e a lógica de girar as peças selecionadas, exibindo assim os desenhos contidos em cada uma.

Sugestão - Services

Criar serviço para realizar as requisições

Revisão index HTML

A pagina se encontra bem feita

Implementar lógica de início e fim de jogo ao tabuleiro

Extrair para um novo módulo

jogodamemoria/frontend/src/components/Board/index.js

Lines 36 to 74 in db46603

	const changeLastFlipped = ({ x, y }) => {
	const allFlipped = {};
	if (!lastFlipped) {
	allFlipped.first = { x, y };
	setLastFlipped({ x, y });
	} else {
	allFlipped.first = {};
	Object.assign(allFlipped.first, lastFlipped);
	allFlipped.second = { x, y };
	}
	if (allFlipped.first && allFlipped.second) {
	const valid = validatePair(allFlipped.first, allFlipped.second);
	if (!valid) {
	setLocked(true);
	setTimeout(() => {
	setLastFlipped(null);
	unflipPositions([allFlipped.first, allFlipped.second]);
	setLocked(false);
	}, 1000);
	setPoints(points - 50);
	} else {
	setPoints(points + 300);
	setLastFlipped(null);
	}
	}
	};
	const unflipPositions = (positions = []) => {
	const newFlippedMatrix = [...flippedMatrix];
	positions.forEach((position) => {
	newFlippedMatrix[position.y][position.x] = false;
	});
	setFlippedMatrix(newFlippedMatrix);
	};
	const validatePair = (first, second) => {
	return props.data[first.y][first.x] === props.data[second.y][second.x];
	};

é possível extrair boa parte dessa lógica em um módulo a parte, para operar a parte de lógica de maneira mais controlada.

Tabela para listagem de Hiscores

Utilizar componentes para criar uma nova page contendo uma tabela exibindo os hiscores do jogo da memória.

Props

jogodamemoria/frontend/src/components/Board/index.js

Line 16 in d1b8d8a

function Board(props) {

Oi Matheus, vi que você não está tirando vantagens do uso de desestruturação, acho que ajudaria a melhorar a legibilidade do código. Dá uma olhada nesse site, lá explica melhor sobre isso.

Sugestão para projeto

Opa meu bom, excelente projeto.
Penso que só ficou faltando um README no back indicando como rodar o projeto, por questão de facilitar o uso mesmo.

Definir estilos e imagens de cada uma das peças do tabuleiro