An open API service indexing awesome lists of open source software.

https://github.com/caioliveira277/graphic-report

Projeto para testar a Material UI com ReactJS
https://github.com/caioliveira277/graphic-report

learning material-ui reactjs redux

Last synced: 3 months ago
JSON representation

Projeto para testar a Material UI com ReactJS

Awesome Lists containing this project

README

        

# GraphicReport 📊
## Projeto para aprender/testar a utilização da ***Material UI*** com ReactJS











## Ideia 💡:
Criar uma interface simples de um possível sistema de tarefas para aprender a utilizar a **Material UI** com **ReactJS**, também fazendo uso do **React Router** e **Redux**

## Funcionalidades:
- Simulação de Login;
- Visualização dos gŕaficos e tarefas na aba geral;
- Alterar e visualizar lista de clientes;
- Listagem de tarefas na aba lateral (botão tarefas);
- Visualizar notificações,

## Executando o projeto: 🚀
Para executar e visualizar o projeto em **modo de desenvolvimento**, você precisará seguir as próximas etapas.

### Pré-requisitos:
Abaixo estará listada as ferramentas necessárias para o funcionamento do projeto.
- **NodeJS versão 14**

[Guia de instalação NodeJS](https://nodejs.org/en/).
- **Yarn**

[Guia de instalação Yarn](https://yarnpkg.com/).

### Instalando dependencias:
Execute o comandos para instalar as dependencias do projeto.
```sh
yarn install
```

### Executando o projeto:
Os scripts abaixo executam a compilação do projeto.
```sh
yarn start
```
###### Comando para executar o projeto em modo desenvolvimento




```sh
yarn build
```
###### Comando para compilar o projeto montando a pasta build na raiz

---
## Links: 🌐
***Projeto online GitHub Pages:***

[Link do projeto](https://caioliveira277.github.io/graphic-report/)

***Documentação Material IU:***

[Material UI ReactJS](https://material-ui.com/pt/getting-started/templates/)

***Documentação Redux e React Router:***

[Redux Docs](https://redux.js.org/)
[React Router Docs](https://reactrouter.com/)

---
## Licença
Este projeto está licenciado sob a licença [MIT] - consulte o arquivo LICENSE.md para obter detalhes