Projeto de seleção - Master Heroes - App Masters - Desenvolvimento Web e Mobile - Juiz de Fora/MG
Projeto de seleção - Master Heroes

Projeto de seleção - Master Heroes

Publicado em 06 novembro 2019

Este post apresenta o projeto de seleção que estamos usando no processos de seleção atuais, para desenvolvedores React/JavaScript.

Objetivo

Desenvolver um web game utilizando a SuperHero API, onde o jogador testará seu conhecimento sobre super-heróis.

Requisitos do projeto

  • Ao carregar o jogador verá uma interface de boas vindas
  • Ao iniciar, o sistema deve obter todos os personagens da API e salvar em estado local
  • Randomizar a ordem dos personagens para exibição e apresentar o primeiro personagem
  • O componente que apresenta o personagem mostra três botões, cada um com o nome de um personagem para o usuário selecionar
  • Ao acertar o nome do super-herói, o usuário ganha 20 pontos
  • Após o ultimo super-herói, apresentar uma interface com a pontuação total, e o percentual de acerto
  • Ter uma constante para definir quantos cards serão apresentados
  • Os personagens não devem se repetir

Requisitos técnicos

  • Deve ser implementado em React
  • Deve estar disponível em repositório no Github
  • Deve ter documentação básica explicando como clonar e rodar o projeto localmente, em inglês
  • Publicar no github pages, heroku, firebase host, netilify ou qualquer outro lugar, pra gente jogar online


Avaliação do projeto

Iremos avaliar inicialmente se o jogo funciona perfeitamente, se vai do começo ao fim e se permite a interação adequada. Daremos até 100 pontos pelo projeto neste ponto. Opcionalmente você pode fazer os itens abaixo, para ganhar ainda mais pontos.

O selecionado não será obrigatoriamente o que tiver mais pontos, mas isso pode aumentar as chances. Quantos mais pontos, melhor será o projeto em seu github, que poderá servir para futuros processos de seleção também. #FicaDica

Ganhando pontos extras

Criamos duas features maiores onde você pode ganhar pontos, além de alguns requisitos técnicos extras também.

Contagem regressiva

Pontos extras: 60

  • Ter uma constante para definir tempo máximo do game
  • Ao apresentar o primeiro personagem, iniciar a contagem do tempo
  • O game termina no tempo definido, ou se o jogar terminas os super-heróis
  • Ao termina antes do tempo concluir, o tempo restante é convertido em pontos

Leaderboard

Pontos extras: 100

  • Ao final do game perguntar o nome do usuário
  • Salvar nome, pontuação, quantidades de acertos, percentual do jogador e tempo (se tiver contagem regressiva) no leaderboard
  • Node ou firebase (realtime database)

Responsivo

Pontos extras: 50

  • A interface deve se ajustar para telefones e tables, ficando sempre agradável o uso independente do dispositivo, com os elementos bem distribuídos

Bibliotecas

  • React Router - Pontos extras: 20
  • StyledComponents - Pontos extras: 20
  • Utilizar o React com Next.JS - Pontos extras: 30
  • Redux - Pontos extras: 30
  • TypeScript - Pontos extras: 40
  • Ant Design - Pontos extras: 20

Agora é partir para a implementação. Se tiver qualquer duvida fale conosco por email ou whatsapp.

Boa sorte!

Posts relacionados