Skip to content

amorimcode/laclaw

Repository files navigation

Dashboard Interativo com Next.js e React

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.

Link

Acesse a aplicação pelo link https://laclaw-amorimcodes-projects.vercel.app/

Tecnologias Utilizadas

  • 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.

Funcionalidades

  • 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

Instalação e Uso

  1. Instale as dependências npm install ou yarn install

  2. Rodar o projeto

npm dev ou start dev