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

https://github.com/davimateus1/frontendbzu

Consiste em um projeto Frontend de um CRUD, que realiza todas as operações e mostra dados em gráficos através da biblioteca ChartJS, utilizando métodos de estilização atuais como Bootstrap e Reactstrap.
https://github.com/davimateus1/frontendbzu

bootstrap chartjs css html reactjs reactstrap

Last synced: 11 months ago
JSON representation

Consiste em um projeto Frontend de um CRUD, que realiza todas as operações e mostra dados em gráficos através da biblioteca ChartJS, utilizando métodos de estilização atuais como Bootstrap e Reactstrap.

Awesome Lists containing this project

README

          


Projeto Frontend CRUD



### Tecnologias utilizadas:

- [ReactJS](https://pt-br.reactjs.org)
- [CSS](https://www.w3schools.com/css/)
- [HTML5](https://www.devmedia.com.br/o-que-e-o-html5/25820)
- [Bootstrap](https://getbootstrap.com.br)
- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [Reactstrap](https://reactstrap.github.io/?path=/story/home-installation--page)
- [Chart JS](https://www.chartjs.org)




Instruções de como executar e testar a Solução




1° Passo:



Na página principal, clone o repositório para sua máquina da maneira que você preferir.




Happy





2° Passo:



Depois que estiver com o projeto na sua máquina, abra-o. Abra o terminal dentro da pasta do projeto e execute o comando abaixo (Este comando serve para instalar todas as dependências que serão necessárias para que o projeto compile sem erros).



### `yarn`


Lembrando que para isso, voce precisa ter o gerenciador de pacotes Yarn instalado na sua máquina!





3° Passo:



Depois que todas as dependências necessárias estiverem instaladas localmente no projeto, execute o comando abaixo (Esse comando iniciará um servidor local no seu navegador para que você teste todas as funcionalidades do projeto.)



### `yarn start`

Alguns segundos após este comando ser executado, você deverá ver a seguinte tela:



Happy




4° Passo:



Usufrua e teste todas as funcionalidades da aplicação!😀



(Novo, Alterar, Remover e Gráficos)