Este projeto é um dashboard interativo desenvolvido em Next.js utilizando React como framework principal. Ele permite a visualização de dados de múltiplas fontes JSON, com capacidade de soma/totalização e detalhamento dinâmico.
Acesse a aplicação pelo link https://laclaw-amorimcodes-projects.vercel.app/
- Next.js: Framework React para renderização do lado do servidor e criação de páginas estáticas e dinâmicas.
- Tailwind CSS: Framework CSS utilizado para estilização com abordagem utility-first.
- Axios: Cliente HTTP baseado em promises para fazer requisições às fontes de dados JSON.
- ReactJS: Biblioteca JavaScript para construção de interfaces de usuário.
- next-intl: Biblioteca para internacionalização de texto em aplicações Next.js.
- Seleção de Fonte de Dados: Combo box para escolha de uma das cinco fontes JSON disponíveis.
- Totalização: Opção para somar/totalizar um campo específico dos dados selecionados.
- Detalhamento: Escolha de campos para detalhamento dos valores exibidos no eixo Y da tabela e no gráfico, com possibilidade de adicionar uma segunda dimensão para detalhamento no eixo X.
- Internacionalização: Idioma seguindo o do browser do usuário, com suporte para inglês
-
Instale as dependências npm install ou yarn install
-
Rodar o projeto
npm dev ou start dev