Este é um sistema de cadastro de usuários desenvolvido em React no frontend e Node.js no backend, utilizando MySQL como banco de dados.
- Cadastro de Usuários: Permite adicionar novos usuários ao sistema.
- Listagem de Usuários: Exibe uma lista de todos os usuários cadastrados.
- Atualização de Usuários: Permite atualizar as informações de um usuário existente.
- Exclusão de Usuários: Permite excluir um usuário do sistema.
Antes de iniciar, você precisa ter o Node.js e o MySQL instalados na sua máquina.
-
Clone este repositório:
git clone https://github.com/willreis/sistemaCadastro.git
-
Navegue até o diretório do projeto:
cd sistema-de-cadastro -
Instale as dependências do frontend e do backend:
cd frontend npm installApós
cd ../backend npm install -
Configuração do Banco de Dados: Execute o script SQL fornecido abaixo para criar a tabela cadastros.
CREATE TABLE `cadastro` ( `idCadastro` INT AUTO_INCREMENT NOT NULL, `nome` VARCHAR(150) NOT NULL, `email` VARCHAR(150) NOT NULL, `telefone` VARCHAR(20) NOT NULL, `cpf` VARCHAR(20) NOT NULL, `endereco` VARCHAR(250) NOT NULL, `senha` VARCHAR(45) NOT NULL, CONSTRAINT `PRIMARY` PRIMARY KEY (`idCadastro`) ); -
Inicie o servidor backend:
cd backend node server.js -
Inicie o servidor frontend:
cd frontend npm start -
Acesse o sistema em http://localhost:3000.
- React
- Node.js
- Express
- MySQL
- Axios
sistema-de-cadastro/
├── backend/
│ ├── db.js
│ ├── routes.js
│ └── server.js
├── frontend/
│ ├── public/
│ ├── src/
│ │ ├── components/
│ │ │ ├── CadastroForm.jsx
│ │ │ ├── CadastroItem.jsx
| | | ├── Navegacao.jsx
│ │ │ └── TabelaCadastro.jsx
│ │ ├── App.js
│ │ ├── index.js
│ │ └── Routes.js
│ └── ...
└── README.md
William Reis, Rodrigo Alvarez e Enzo Patti
Contribuições são bem-vindas! Se encontrar algum problema ou tiver sugestões de melhorias, por favor, abra uma issue ou envie um pull request.
Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE.md para mais detalhes.