/react-admin-dashboard

Developed a robust administrative dashboard using React, integrating data from various sources to provide a comprehensive view of operational performance.

Primary LanguageJavaScript

Dashboard


Desktop (screenshot):

Dark Mode White Mode
Team Contacts
Invoices Form
Calendar FAQ
Bars Pizza
Lines Geography

Dashboard baseado em dados reais com a interface criada com Material UI

🚀 Introdução

Desenvolvi um dashboard React robusto, simplificando dados complexos em visualizações intuitivas. A interface dinâmica oferece insights instantâneos, promovendo uma análise eficiente. Integração fluida e design responsivo garantem uma experiência de usuário otimizada.

📋 Pré-requisitos

🔧 Instalação

Para clonar o projeto via HTTPS execute o seguinte comando:

git clone https://github.com/Luancss/react-admin-dashboard

Em seguida instale as dependências:

npm install

🔨 Execução em ambiente de desenvolvimento

npm start

🛠️ Principais tecnologias utilizadas

  • Create-react-app - Conjunto de scripts para criar facilmente um projeto React pré-configurado.
  • Material UI - Biblioteca de componentes React que implementa o design do Material Design
  • Nivo Charts - Biblioteca React para construção de gráficos reutilizáveis e elegantes.
  • Formik - Biblioteca para gerenciar formulários em React com facilidade.
  • Full Calendar - Plugin JavaScript para exibição de calendários interativos no navegador.
  • React Pro Sidebar - Barra lateral responsiva e personalizável para aplicações React.
  • Yup - Biblioteca para validação de formulário largamente utilizada em projetos Javascript.

✍ Autor

Luancss

Made with 💜 by Luancss

Linkedin Luan Carlos Gmail Luan Carlos

Feito com ❤️ por Luan Carlos