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