Quando fui consumir os dados da api para popular os gráficos, não sabia a diferença entre os títulos e tipos de investimos, então fui pesquisar sobre e acabei aprendendo uma coisa nova, rapidamente retornei ao projeto e com uma visão ampliada consegui popular os gráficos.
Para fazer a edição dos números. Uma coisa que eu fiz pela primeira vez e não tinha a menor ideia de como fazer, formatação dos números para terem pontos e virgulas. Busquei formas de como formatar os número e aprendi uma nova função do javascript que é a toLocaleString(), que permite uma edição muito simples e com possibilidade de passar facilmente para outras formatações de moeda.
O gráfico que é uma imagem. Na minha cabeça seria a coisa mais rápida e fácil de ser posicionada, porém após inúmeras tentativas de remover a “margem” dela, ainda assim não consegui, fiquei quase um dia buscando a solução, mas não encontrei, em um html convencional eu sei que seria só * {margin: 0; padding:0;} e isso já deveria resolver, mas no react deve ter alguma diferença ou outra forma de resolver esse problema que eu ainda não sei.
Desafios concluídos:
[x] Permitir a filtragem de produtos na seção Minhas Rendas Fixas a partir de buscas realizadas no campo de texto;
[x] Exibir dados reais obtidos a partir da API
[x] Permitir ordenação de produtos seção Minhas Rendas Fixas a partir do menu seletor;
Dificuldades que enfrentei:
Quando fui consumir os dados da api para popular os gráficos, não sabia a diferença entre os títulos e tipos de investimos, então fui pesquisar sobre e acabei aprendendo uma coisa nova, rapidamente retornei ao projeto e com uma visão ampliada consegui popular os gráficos.
Para fazer a edição dos números. Uma coisa que eu fiz pela primeira vez e não tinha a menor ideia de como fazer, formatação dos números para terem pontos e virgulas. Busquei formas de como formatar os número e aprendi uma nova função do javascript que é a
toLocaleString()
, que permite uma edição muito simples e com possibilidade de passar facilmente para outras formatações de moeda.O gráfico que é uma imagem. Na minha cabeça seria a coisa mais rápida e fácil de ser posicionada, porém após inúmeras tentativas de remover a “margem” dela, ainda assim não consegui, fiquei quase um dia buscando a solução, mas não encontrei, em um html convencional eu sei que seria só * {margin: 0; padding:0;} e isso já deveria resolver, mas no react deve ter alguma diferença ou outra forma de resolver esse problema que eu ainda não sei.
Desafios concluídos: