carlosstenzel / teste_front-end

Projeto desenvolvido para listar os fundos de investimentos separando os mesmos por macro, com opção de de filtrar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lista de Fundos de Investimento

Projeto desenvolvido para listar os fundos de investimentos separando os mesmos por macro, com opção de de filtrar como:

  • Pesquisa por nome
  • Aplicação mínima
  • Perfil de risco do fundo
  • Prazo de resgate
  • Filtro por Renda Fixa

Foi feito alteração no modo de exibição dos fundo usado Lazy load para diminuir o tempo de carregamento, assim como foi usando SWR.

Assim obtendo uma boa nota na nota no PageSpeed Insights , onde poderia ser melhorado ainda mais com paginação no json retorno pelo serve.

Foi utlizado no desenvolvimento:

  • Next.js
  • foundation-sites@6.6.3 (css)
  • styled-components
  • react-icons
  • SWR
  • react-lazyload

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Test

Run :

npm run test
# or
yarn test

About

Projeto desenvolvido para listar os fundos de investimentos separando os mesmos por macro, com opção de de filtrar


Languages

Language:JavaScript 100.0%