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

  • O limite de projetos paralelos em times de desenvolvimento

    O limite de projetos paralelos em times de desenvolvimento

    Tiago Gouvêa - 30 set 2023

    Quando a empresa tem um time de desenvolvimento interno, é comum querer sempre trazer um projeto a mais para ser desenvolvido.
    Mas qual o limite? Quais os pontos que merecem atenção ao tentar incluir mais um projeto na fila de desenvolvimento?
    Como manter alta a motivação e a qualidade das entregas?

  • O que observar quando contratar uma empresa de desenvolvimento de software

    O que observar quando contratar uma empresa de desenvolvimento de software

    Tiago Gouvêa - 28 ago 2023

    Descubra os fatores essenciais a considerar ao contratar uma empresa de desenvolvimento de software. Abordamos neste post a comunicação eficaz, definição de entregas realísticas, frequência de entregas via Continuous Delivery, monitoramento de falhas e muito mais.
    Avalie melhor sua decisão de contratação com nossas recomendações e evite problemas comuns no desenvolvimento de software.

  • Sistema de gestão para empresa de eventos

    Sistema de gestão para empresa de eventos

    Tiago Gouvêa - 28 mar 2023

    A tecnologia pode ajudar na gestão eficiente de uma empresa de eventos, desde a gestão de contratos com fornecedores até a feedback do cliente, resultando no aumento da qualidade, redução de custos e melhoria na experiência do cliente.
    Empresas de eventos que ainda não passaram pela transformação digital utilizam planilhas para dar conta do serviço, mas a adoção de um sistema para gestão dos eventos, a empresa pode virar o jogo e ganhar em produtividade e escala.

Inscreva-se na nossa newsletter

Fique por dentro das nossas novidades e produtos mais recentes