Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luancss/react-admin-dashboard
Desenvolvi um robusto dashboard administrativo utilizando React, integrando dados de diversas fontes para proporcionar uma visão abrangente do desempenho operacional.
https://github.com/luancss/react-admin-dashboard
3d-animation formik fullcalendar javascript material-ui nivo-charts react-pro-sidebar reactjs yup-validation
Last synced: 22 days ago
JSON representation
Desenvolvi um robusto dashboard administrativo utilizando React, integrando dados de diversas fontes para proporcionar uma visão abrangente do desempenho operacional.
- Host: GitHub
- URL: https://github.com/luancss/react-admin-dashboard
- Owner: Luancss
- Created: 2023-10-28T05:44:12.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-23T02:10:19.000Z (11 months ago)
- Last Synced: 2023-12-23T03:19:18.975Z (11 months ago)
- Topics: 3d-animation, formik, fullcalendar, javascript, material-ui, nivo-charts, react-pro-sidebar, reactjs, yup-validation
- Language: JavaScript
- Homepage: https://react-admin-dashboard-mu-teal.vercel.app
- Size: 1.49 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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.
## :clipboard: Pré-requisitos
- [Node.js 12+](https://nodejs.org/en/download/)
- [Yarn](https://classic.yarnpkg.com/en/docs/install/#windows-stable)
## :wrench: 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
```
## :hammer_and_wrench: Principais tecnologias utilizadas
- [Create-react-app](https://create-react-app.dev/) - Conjunto de scripts para criar facilmente um projeto React pré-configurado.
- [Material UI](https://mui.com/material-ui/) - Biblioteca de componentes React que implementa o design do Material Design
- [Nivo Charts](https://nivo.rocks/) - Biblioteca React para construção de gráficos reutilizáveis e elegantes.
- [Formik](https://formik.org/) - Biblioteca para gerenciar formulários em React com facilidade.
- [Full Calendar](https://fullcalendar.io/) - Plugin JavaScript para exibição de calendários interativos no navegador.
- [React Pro Sidebar](https://github.com/azouaoui-med/react-pro-sidebar) - Barra lateral responsiva e personalizável para aplicações React.
- [Yup](https://github.com/jquense/yup) - Biblioteca para validação de formulário largamente utilizada em projetos Javascript.
## ✍ Autor
Made with 💜 by Luancss
Feito com :heart: por [Luan Carlos](https://github.com/Luancss)