Skip to content

Instantly share code, notes, and snippets.

@luizcieslak
Last active November 28, 2019 15:02
Show Gist options
  • Select an option

  • Save luizcieslak/d05c0134d5c96050e9fef7d394bee52d to your computer and use it in GitHub Desktop.

Select an option

Save luizcieslak/d05c0134d5c96050e9fef7d394bee52d to your computer and use it in GitHub Desktop.

Revisions

  1. luizcieslak revised this gist Nov 28, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion teste.md
    Original file line number Diff line number Diff line change
    @@ -40,7 +40,7 @@ Utilize o _framework_ que desejar e estilize o CSS do jeito que achar mais conve

    ### Sobre prazos, requisitos técnicos e envio

    Entendemos que adicionar mais essa atividade na sua rotina é complicado, por isso por padrão combinamos que o tempo de realização é de 7 dias, podendo ser reacordado em qualquer momento.
    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.

  2. luizcieslak revised this gist Nov 7, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion teste.md
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@ Coletar os conhecimentos de arquitetura de Frontend, consumo de informações as

    ### O Desafio

    Seguindo esse [link do figma](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1), temos as telas dos nossos "Serviços Diferenciados". Uma página renderiza a lista desses e a outra o detalhe desse serviço.
    Seguindo esse [link do figma](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1), 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!)

    #### Lista
  3. luizcieslak revised this gist Nov 7, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion teste.md
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@ Coletar os conhecimentos de arquitetura de Frontend, consumo de informações as

    ### O Desafio

    Seguindo esse [link do figma]([https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1)), temos as telas dos nossos "Serviços Diferenciados". Uma página renderiza a lista desses e a outra o detalhe desse serviço.
    Seguindo esse [link do figma](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1), 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!)

    #### Lista
  4. luizcieslak revised this gist Nov 7, 2019. No changes.
  5. luizcieslak revised this gist Nov 7, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion teste.md
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@ Coletar os conhecimentos de arquitetura de Frontend, consumo de informações as

    ### O Desafio

    Seguindo esse [link]([https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1)), temos as telas dos nossos "Serviços Diferenciados". Uma página renderiza a lista desses e a outra o detalhe desse serviço.
    Seguindo esse [link do figma]([https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1)), 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!)

    #### Lista
  6. luizcieslak revised this gist Nov 7, 2019. No changes.
  7. luizcieslak revised this gist Oct 28, 2019. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions teste.md
    Original file line number Diff line number Diff line change
    @@ -14,6 +14,7 @@ Seguindo esse [link]([https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?no
    #### Lista

    ![lista](https://imgur.com/LiVqU7z.png)

    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.

    ![input](https://imgur.com/vQVBUYx.png)
  8. luizcieslak renamed this gist Oct 28, 2019. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  9. luizcieslak created this gist Oct 28, 2019.
    57 changes: 57 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,57 @@
    # Teste de Frontend - Grupo Fleury

    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!

    ## Objetivo

    Coletar os conhecimentos de arquitetura de Frontend, consumo de informações assíncronas e estilização de CSS.

    ### O Desafio

    Seguindo esse [link]([https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1](https://www.figma.com/file/JAciEvWQwyPBKOkl2F6odK/Teste?node-id=0%3A1)), 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!)

    #### Lista

    ![lista](https://imgur.com/LiVqU7z.png)
    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.

    ![input](https://imgur.com/vQVBUYx.png)

    #### Detalhe

    ![detalhe](https://imgur.com/5fHEbg0.png)

    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:

    ![modal](https://imgur.com/9l2wWDh.png)

    ### Consumo de Dados

    O consumo de dados é feita através do seguinte [endpoint](https://vsgo4.sse.codesandbox.io/).
    Fique à vontade para consumir do jeito que achar melhor e usar as bibliotecas que preferir (tanto para consumir quanto auxiliares).

    Aqui está nosso [schema.](https://drive.google.com/file/d/14s9t6kyaxg5-Owc1WxpKbFnd5laC-Grb/view?usp=sharing)

    ### Requisitos

    Utilize o _framework_ que desejar e estilize o CSS do jeito que achar mais conveniente :D

    ### Sobre prazos, requisitos técnicos e envio

    Entendemos que adicionar mais essa atividade na sua rotina é complicado, por isso por padrão combinamos que o tempo de realização é de 7 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 luiz.cieslak@grupofleury.com.br, 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!