https://github.com/marcoscapiberibe/crud-empresas_reactjs
CRUD Empresas React JS
https://github.com/marcoscapiberibe/crud-empresas_reactjs
Last synced: 3 months ago
JSON representation
CRUD Empresas React JS
- Host: GitHub
- URL: https://github.com/marcoscapiberibe/crud-empresas_reactjs
- Owner: marcoscapiberibe
- Created: 2024-09-07T21:58:04.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-09-09T01:42:54.000Z (9 months ago)
- Last Synced: 2025-01-12T17:47:56.412Z (5 months ago)
- Language: TypeScript
- Size: 3.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projeto React JS - Cadastro de Empresas
Este projeto é o front-end de uma aplicação para gerenciamento de empresas, desenvolvido em React JS. Ele consome uma API desenvolvida em Flask para realizar operações de CRUD (Criar, Ler, Atualizar e Deletar) de empresas.
## Demonstração
## Consumo da API Flask
O front-end se comunica com uma API desenvolvida em Flask, consumindo os seguintes endpoints:
- GET /empresas: lista todas as empresas.
- POST /empresa: cria uma nova empresa.
- PUT /empresa/: atualiza os dados de uma empresa existente.
- DELETE /empresa/: exclui uma empresa.
## Bibliotecas Utilizadas
- React JS: biblioteca principal para a construção da interface de usuário.
- Axios: para fazer requisições HTTP à API Flask.
- Material-UI (MUI): para estilização e criação de componentes visuais.
- React Input Mask: para facilitar a manipulação de máscaras de input (CNPJ e CNAE).
- React Paginate: para paginação dos dados de empresas.
## Pré-requisitos
- Node.js (versão mínima: 14.x.x)
- NPM (ou Yarn)
## Instruções para executar o projeto localmente
OBS: Antes de rodar este projeto, é necessário rodar primeiro a API em Flask
```bash
https://github.com/marcoscapiberibe/CRUD_Flask
```
1. Clone o repositório:
```bash
git clone https://github.com/marcoscapiberibe/crud-empresas_ReactJS.git
```
2. Navegue até a pasta do frontend:
```bash
cd crud-empresas_ReactJS
```
3. Instale as dependências necessárias:
```bash
npm install
```
4. Execute o projeto:
```bash
npm start
```
O frontend será aberto no navegador automaticamente em `http://localhost:3000`.
## Instruções para executar o projeto em produção
OBS: Antes de rodar este projeto, é necessário rodar primeiro a API em Flask
```bash
https://github.com/marcoscapiberibe/CRUD_Flask
```
1. Abra o Navegador e acesse o link:
```bash
https://marcoscapiberibe.github.io/crud-empresas_ReactJS/
```
## Usuário de Testes
Para testar a aplicação, utilize as credenciais abaixo:
- **Usuário**: `admin`
- **Senha**: `senha654321`
---