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
- [email protected] (css)
- styled-components
- react-icons
- SWR
- react-lazyload
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Run :
npm run test
# or
yarn test