Challenge Front end

Este projeto tem o objetivo de executar o desafio na área de front end na empresa Wealth Sistems. Link do desafio

Escolha do framework

Escolhi o React primeiro por ser um desafio ainda maior, principalmente por até o momento ter pego apenas uma base do framework e não ter trabalhado tanto com ele. Além disso é o foco trabalhar com ele e React Native daqui para frente.

Tempo de desenvolvimento

• Iniciei o projeto e configurei o Typescript, Sass e remodelei as pastas. (30min)
• Comecei o desenvolvimento do componente Home, que para frente será a tela principal. (40min)
• Desenvolvimento do componente de Informações gerais. (30min)
• Ajustes no menu e animações. (1h 30min)
• Criação do componente de atividades com pesquisa e filtros. (4h)
• No total foram necessárias 12 horas de desenvolvimento para chegar na etapa atual.

Decisões

• Para mostrar todo meu conhecimento e até tornar o desafio mais interessante, deixei de utilizar qualquer framework de CSS (Bootstrap por exemplo). O que aumentou o desafio e um pouco do tempo.
• Optei por utilizar o SASS para manter uma folha de estilos mais organizada e para aumentar a velocidade de escrita.
• Criei um menu 100% dinâmico e coloquei apenas 3 opções, como o foco é na tela principal, não achei necessário colocar muitos menus.
• Decidi deixar as informações estaticas dentro dos componentes, para o foco maior estar no layout, poderia estar utilizando outras maneiras para fazer a captura dessas informações, mas não achei relevante.

Bibliotecas

• Node Sass;
• Leaflet;
• React Chartjs 2;

Executando o projeto

Para executar o projeto na máquina local, é necessario realizar o clone do projeto git clone https://github.com/junior-anzolin/ws-frontend-challenge.git. Logo em seguida podemos acessar a pasta e rodar o comando para instalar os pacotes yarn install ou npm install. Após a instalação dos pacotes basta executar o comando para iniciar o projeto yarn start ou npm start.