luancss / react-admin-dashboard

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

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

• Node.js 12+
• Yarn

🔧 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

Made with 💜 by Luancss

Feito com ❤️ por Luan Carlos