juliovmelo / redventures Goto Github PK

1. React.JS
2. React Router Dom
3. Styled Components
4. EsLint
5. Prettier

1. A abordagem utilizada para passagem de parametros foi feita através das rotas, já que não se tratavam de dados sensiveis para o usuário final. Apesar de gostar do Redux, a aplicação era muito simples para utilização do mesmo (projetos desenvolvidos com redux no final do Readme);

2. Escolhi passar o svg como Children para facilitar a modificação do mesmo, no hover, e quando o item é selecionado. Em um cenário ideal, sugeriria duas opções: 2.1 Design desenvolvido em cima de uma biblioteca de icones já existente; 2.2 Transformar todos os ícones em fontes, diminuindo assim a quantidade de código e mantendo a facilidade de customização do componente;

3. A forma como foi dividido os componentes não estão causando renderizações desnecessárias, praticamente não tive necessidade de memorizar os componentes;

4. Com um pouco mais de tempo, dividiria mais a aplicação em componentes menores, acabei repetindo muito código em containers de estilo, também alteraria a implementação da Borda lateral com a logo, fiz da primeira forma que imaginei, mas claramente não é a melhor, adicionaria loadings enquanto as requisições estão sendo processadas;

Baixe as dependências utilizando o comando a seguir

  yarn

Inicie a aplicação utilizando o comando a seguir

  yarn start

Não realizei o deploy, pois tive problemas com as rotas no netlify, é necessário fazer algumas configurações, para que o roteamento fique por conta da aplicação e não do servidor;

A não ser que faça parte do teste, algumas informações sobre a validação do formulário no servidor não foram informadas, no campo de nome e sobrenome a regra que deveria conter ao menos 2 letras um espaço em branco e ao menos mais duas letras, poderia ser informada, evitando possíveis erros de implementação e pouparia tempo de investigação;

Um lista de projetos desenvolvidos apenas por estudo ou diversão.

1.Task App : controle de atividades do dia;

2. Best Sellers NYT: Consumo da api do New York Times;
3. VUTTR : Projeto para salvar libs que gostei e pretendo usar em algum momento (Desenvolvido com redux e sagas);
4. Loja Mobile : App desenvolvido com react native, redux e sagas;
5. Clone do gmail: apenas uma brincadeira, na época estava estudando flexbox;
6. Clone do Twitter: apenas diversão;

Projetos desenvolvidos em produção

1. PWA Institucional: utilizando Gatsby + GraphQL;
2. PWA institucional 2: utilizando Gatsby + GraphQL;
3. Style guide de desenvolvimento CSS: Como tech lead criei um projeto utilizando o Docusaurus para ajudar os novos funcionários a seguirem os padrões de desenvolvimento com CSS;
4. Mais 80 órgãos governamentais utilizando um thema wordpress que criei seguindo as regras do Tribunal de contas;
5. Nesse momento possuo 2 dashboards em desenvolvimento, infográficos utilizando a biblioteca Recharts (d3);
6. Design de app: (NÃO SOU DESIGN, não tenho essa competência) Feito por conta de uma necessidade da empresa;