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.
- Host: GitHub
- URL: https://github.com/davimateus1/frontendbzu
- Owner: davimateus1
- Created: 2021-11-16T23:34:11.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-30T15:18:21.000Z (about 4 years ago)
- Last Synced: 2025-02-06T05:42:40.246Z (about 1 year ago)
- Topics: bootstrap, chartjs, css, html, reactjs, reactstrap
- Language: JavaScript
- Homepage:
- Size: 432 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.
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:
4° Passo:
Usufrua e teste todas as funcionalidades da aplicação!😀
(Novo, Alterar, Remover e Gráficos)