Propouse

[Gabriel-Almeida-Ajax]

[Gabriel-Almeida-Ajax]

• TODO

• [x] Colocar botão para gerar tile, com dados do municipio.

• [ ] Estilizar Botoes

• [x] Trazer informaçoes via API

[Gabriel-Almeida-Ajax]

Processo de seleção para Dev React Como parte do processo seletivo, esperamos que você desenvolva um pequeno projeto. Leia atentamente a definição e, em caso de dúvidas, entre em contato pelo e-mail: matheus.jardim@conceptu.ind.br

Caso você já tenha um projeto similar ou de maior complexidade em seu portfólio, informe o link para que possamos usá-lo no lugar deste teste.

Sinta-se livre para adicionar funcionalidades que ajudem a mostrar o que você sabe fazer! Sobre as tecnologias Você deverá criar um projeto React para exibir indicadores de saúde dos municípios brasileiros. A aplicação deverá rodar sem a necessidade de um servidor backend: desejamos buildar o projeto para gerar páginas estáticas. Você pode adicionar quaisquer bibliotecas que achar necessário, mas o desenvolvimento das funcionalidades principais deve ser seu próprio. Escopo do teste Este projeto deve exibir os dados de cobertura de vacinação BCG dos municípios brasileiros ao longo dos anos. O link abaixo contém uma planilha com as informações que deverão ser utilizadas na aplicação: https://drive.google.com/file/d/1MhV0DfdCMrysZmzz-v6Xd9OfrCLVrwB_

O usuário deverá escolher uma unidade da federação (estado) e o ano que deseja analisar (de 2010 até 2019). Então, você deverá desenhar na tela o estado com cada um dos seus municípios. Para obter o svg dos municípios, sugerimos utilizar o serviço gratuito do IBGE, disponível no link abaixo. https://servicodados.ibge.gov.br/api/docs/malhas?versao=3#api-bq

Utilizando o “Query Builder”, geramos este exemplo de requisição que retorna o svg do estado do RS, com cada um de seus municípios: https://servicodados.ibge.gov.br/api/v3/malhas/estados/43?formato=image/svg+xml&qualidade=intermediaria&intrarregiao=municipio Sugerimos “qualidade intermediária” para evitar problemas de performance no browser.

Este índice de cobertura varia entre 0 e 100%, então você deve usar esta informação para definir a cor de cada município na hora de exibi-los no mapa. Sugerimos criar uma escala com 10 cores, variando da pior situação (de 0 até 10%) para a situação ideal (de 90 até 100%).

Quando o usuário colocar o cursor do mouse sobre um município, você precisa exibir o nome do município e o seu percentual de cobertura (limitar à duas casas decimais). Alguns municípios não possuem informações para todos os anos: deixe cinza o município quando ocorrer esta situação.

[Gabriel-Almeida-Ajax]