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
Introducao
Desenvolvi um dashboard React robusto, simplificando dados complexos em visualizacoes intuitivas. A interface dinamica oferece insights instantaneos, promovendo uma analise eficiente. Integracao fluida e design responsivo garantem uma experiencia de usuario otimizada.
Pre-requisitos
Instalacao
Para clonar o projeto via HTTPS execute o seguinte comando:
git clone https://github.com/Luancss/react-admin-dashboard
Em seguida instale as dependencias:
npm install
Execucao em ambiente de desenvolvimento
npm start
Principais tecnologias utilizadas
- Create-react-app - Conjunto de scripts para criar facilmente um projeto React pre-configurado.
- Material UI - Biblioteca de componentes React que implementa o design do Material Design
- Nivo Charts - Biblioteca React para construcao de graficos reutilizaveis e elegantes.
- Formik - Biblioteca para gerenciar formularios em React com facilidade.
- Full Calendar - Plugin JavaScript para exibicao de calendarios interativos no navegador.
- React Pro Sidebar - Barra lateral responsiva e personalizavel para aplicacoes React.
- Yup - Biblioteca para validacao de formulario largamente utilizada em projetos Javascript.
Autor
Made with by Luancss
Feito com por Luan Carlos