Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jxhnlcs/fullstack-crud
Um sistema simples para cadastrar, listar, editar e excluir usuários. Desenvolvido utilizando React, Node.js, Express, MySQL e Docker, com estilização usando Styled Components.
https://github.com/jxhnlcs/fullstack-crud
Last synced: 27 days ago
JSON representation
Um sistema simples para cadastrar, listar, editar e excluir usuários. Desenvolvido utilizando React, Node.js, Express, MySQL e Docker, com estilização usando Styled Components.
- Host: GitHub
- URL: https://github.com/jxhnlcs/fullstack-crud
- Owner: jxhnlcs
- Created: 2023-09-01T21:06:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-06T19:16:56.000Z (over 1 year ago)
- Last Synced: 2024-11-09T02:52:41.706Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 44.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sistema de Cadastro de Usuários
Um sistema simples para cadastrar, listar, editar e excluir usuários. Desenvolvido utilizando React, Node.js, Express, MySQL e Docker, com estilização usando Styled Components.
## Pré-requisitos
- [Node.js](https://nodejs.org/) instalado e configurado.
- [Docker](https://www.docker.com/) instalado e configurado. (Opcional)
## Como Rodar
Siga as instruções abaixo para executar o sistema em sua máquina local.
### Configuração do Backend
1. Navegue até a pasta do backend:
```bash
cd api
```
2. Instale as dependências do servidor:
```bash
npm install
```
3. Configure as Variáveis de Ambiente do Banco de Dados:
- No arquivo db.sql dentro do diretório da api está a query para criar a tabela usuarios
- Abra o arquivo db.ts localizado em src/models.
- Altere as variáveis de ambiente host, user, password e database de acordo com as configurações do seu banco de dados MySQL.
4. Inicie o servidor Node.js:
```bash
npm run dev
```
- A API estará rodando em http://localhost:3333.
### Configuração do Frontend
1. Navegue até a pasta do frontend:
```bash
cd web
```
2. Instale as dependências do servidor:
```bash
npm install
```
3. Inicie o servidor React:
```bash
npm start
```
- O sistema estará disponível em http://localhost:3000 no seu navegador.
## Tecnologias Utilizadas
- React
- Styled Components
- Node.js
- Express.js
- MySQL (executado em um contêiner Docker)
- Extensão do VSCode Database Client
## Contribuição
- Contribuições são bem-vindas! Sinta-se à vontade para abrir problemas (issues) e enviar pull requests.