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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 instalado e configurado.
  • Docker 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:
cd api
  1. Instale as dependências do servidor:
npm install
  1. 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.
  1. Inicie o servidor Node.js:
npm run dev

Configuração do Frontend

  1. Navegue até a pasta do frontend:
cd web
  1. Instale as dependências do servidor:
npm install
  1. Inicie o servidor React:
npm start

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.

About

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.


Languages

Language:TypeScript 95.7%Language:HTML 4.3%