└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Desafio Desenvolvedor Frontend React 2 | 3 | Bem-vindo ao desafio para Desenvolvedor Frontend React 4 | 5 | ## Quem somos 6 | 7 | Somos um dos maiores escritórios de Assessoria de Investimentos com presença em 11 cidades no Brasil e 11 anos de história no Mercado Financeiro. 8 | 9 | Você fará parte da equipe de Engenharia de Software, tendo a oportunidade de construir soluções e ferramentas financeiras que simplifiquem a experiência dos nossos clientes no mercado de investimentos. 10 | 11 | Somos uma empresa em crescimento, então aqui o aprendizado é constante. 12 | 13 | ## Apresentação do problema 14 | 15 | O desafio consiste em desenvolver um componente para seleção de datas escrito em React utilizando Next.js. Este componente será disponibilizado via embed e deverá ser capaz de receber os parâmetros de data inicial (`data_inicial`) e data final (`data_final`) através de query parameters. Estas datas irão filtrar a seleção da data. 16 | Além disso, o componente deverá emitir um evento de postMessage ao final da seleção da data. 17 | 18 | ## O que será avaliado 19 | 20 | Neste desafio técnico, será avaliada a habilidade dos candidatos em desenvolver um componente React funcional e reutilizável, demonstrando competência na integração de tecnologias como Next.js. Será considerada a capacidade de compreender os requisitos do problema e traduzi-los em código eficiente. Além disso, serão avaliadas habilidades como familiaridade com React, Next.js e JavaScript em geral, bem como a capacidade de seguir boas práticas de desenvolvimento. 21 | 22 | - Código bem escrito e limpo; 23 | - Uso adequado de React e Next.js; 24 | - Manipulação de parâmetros de URL; 25 | - Capacidade de emitir eventos de postMessage; 26 | - Responsividade e estilo do componente. 27 | 28 | ### O mínimo esperado 29 | 30 | - Desenvolver o componente de seleção de data de acordo com os requisitos fornecidos; 31 | - O componente deve ser disponibilizado via embed e ser capaz de receber `data_inicial` e `data_final` via query parameters; 32 | - Implementar a lógica para emitir um evento de postMessage com os dados selecionados pelo usuário. 33 | 34 | ### Diferenciais 35 | 36 | Espera-se que os candidatos sejam capazes de criar um componente React funcional, seguindo as melhores práticas de desenvolvimento. Além disso, será valorizada a capacidade de criar uma solução flexível e reutilizável, bem como a habilidade de documentar adequadamente o código e fornecer instruções claras para sua utilização. 37 | 38 | - Implementação de testes; 39 | - Uso de bibliotecas ou ferramentas adicionais para melhorar a qualidade ou a experiência do usuário; 40 | - Componente altamente personalizável e modular. 41 | - Containerização (docker). 42 | 43 | ## Entregando o desafio 44 | 45 | - Criar um repositório para o desafio na sua conta do Github (não fazer fork); 46 | - No README do projeto deve ter instruções de como executar e acessar o componente; 47 | - Envie o link do projeto para o e-mail desafio-tech@euqueroinvestir.com 48 | --------------------------------------------------------------------------------