Projeto de seleção - Master Heroes

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!