Obrigado pelo interesse em nos juntar à transformação digital do Grupo Fleury e por separar um tempo do seu dia-a-dia para realizar nosso teste!
Coletar os conhecimentos de arquitetura de Frontend, consumo de informações assíncronas e estilização de CSS.
Seguindo esse link do figma, temos as telas dos nossos "Serviços Diferenciados". Uma página renderiza a lista desses e a outra o detalhe desse serviço. (O header e footer não fazem parte do teste!)
Com um desafio adicional: Acima da lista de elementos, deve existir um <input /> que faz o filtro dos serviços. O filtro pode ser simples, apenas pelo título ou algo mais refinado, como a procura de palavras em outros campos também.
O botão "Agendar Exame" sempre aparece na parte inferior da página. A ação de click faz com que apareça o modal:
O consumo de dados é feita através do seguinte endpoint. Fique à vontade para consumir do jeito que achar melhor e usar as bibliotecas que preferir (tanto para consumir quanto auxiliares).
Aqui está nosso schema.
Utilize o framework que desejar e estilize o CSS do jeito que achar mais conveniente :D
Entendemos que adicionar mais essa atividade na sua rotina é complicado, por isso por padrão combinamos que o tempo de realização é de 10 dias, podendo ser reacordado em qualquer momento.
Não "fixamos" um framework, biblioteca ou abordagem no teste pois queremos que vc dê seu máximo aonde se sentir mais confortável.
Existem coisas que prezamos e gostaríamos de ver no seu teste:
- Layout responsivo
- Performance
- Acessibilidade
- Entrega do site em um endpoint
- Documentação
Para o envio, mande o link do repositório do github para [email protected], junto com as decisões técnicas (com os motivos) detalhados e outras coisas que vc julga importante ter.
Para qualquer dúvida, use o mesmo email também :)
Boa sorte!