prefeitura-rio / emd-desafio-frontend

Desafio de Front-end Developer - EMD

Repositório de instrução para o desafio técnico para a vaga de Pessoa Desenvolvedora Front-end no Escritório de Dados do Rio de Janeiro

Descrição do desafio

Neste desafio, sua tarefa é desenvolver um scrolltelling em React que apresente um modelo 3D do Cristo Redentor. A solução final deve ser hospedada no GitHub Pages.

A visualização deve iniciar com um plano 2D do mapa da cidade do Rio de Janeiro e, em seguida, navegar até o modelo 3D do Cristo Redentor. Você deve criar pelo menos quatro seções, onde a câmera percorrerá os principais membros do modelo (cabeça, tronco, braços, pernas), e em cada seção, exibirá curiosidades sobre a respectiva parte. Para preencher essas curiosidades, você pode utilizar texto fictício do tipo "Lorem ipsum".

Recomendamos o uso das bibliotecas Mapbox GL e Three.js para incluir o modelo 3D no mapa e utilizar a biblioteca ScrollTrigger para controlar as transições. Essas bibliotecas são amplamente utilizadas nas nossas visualizações listadas nas referências.

O que iremos avaliar

1. Completude: O código desenvolvido apresenta uma solução para o problema proposto? Caso não consiga finalizar, apresenta uma solução parcial?
2. Fluidez: A aplicação é fluida? A navegação é intuitiva? Suporta diferentes tamanhos de tela e dispositivos móveis?
3. Simplicidade: A solução proposta está num nível de complexidade adequado para que outros membros de um time interdisciplinar possam dar continuidade ou fazer pequenos ajustes sem grandes dificuldades?
4. Organização: O código está organizado e bem estruturado? É fácil de entender e dar manutenção? Está bem documentado?
5. Criatividade: A solução proposta é criativa? Apresenta uma abordagem inovadora para o problema proposto?

Atenção

• A solução desse desafio deve ser publicada em um fork deste repositório no Github.
• A solução final deve ser hospedada no GitHub Pages.
• O link do repositório deve ser enviado até às 23:59, horário de Brasília, do dia 06/julho/2023 (quinta-feira) para o e-mail utilizado para contato com o assunto "Desafio Front-end Developer - EMD".
• O repositório deve conter instruções claras e precisas para a execução da solução proposta, pois será testado por um terceiro.
• Você deve ser capaz de apresentar sua solução, explicando como a idealizou, caso seja aprovado(a) para a próxima etapa.

Links de referência / utilidades

• Arquivo: Modelo 3D do Cristo Redentor (.skp)
• Arquivo: Modelo 3D do Cristo Redentor (.gltf)
• Link: O que é scrollytelling
• Link: Visualizações de dados do EMD
• Link: Repositório de visualizações de dados do EMD
• Link: Visualização do Empire State (NY Times)
• Link: Documentação do Mapbox GL JS
• Link: Documentação do Three.js
• Link: Documentação do deck.gl
• Link: Documentação do ScrollTrigger

Dúvidas?

Fale conosco pelo e-mail que foi utilizado para o envio desse desafio.