Este projeto é um sistema básico de gerenciamento de contatos, onde é possível realizar operações de CRUD (Create, Read, Update, Delete) em contatos, associando-os a categorias e incluindo imagens.
- Front-end: Desenvolvido em React, responsável pela interface do usuário e interação com o back-end.
- Back-end: Desenvolvido em Node.js com Express, responsável pela lógica de negócios e integração com o banco de dados.
✅ Cadastro de Contatos – Nome, telefone, email, categoria e imagem.
✅ Listagem de Contatos – Filtro por categoria e exibição de imagens.
✅ Edição de Contatos – Atualização de informações, incluindo imagens.
✅ Exclusão de Contatos – Remoção completa do contato e seus dados.
✅ Gerenciamento de Categorias – Criar, editar e excluir categorias.
Antes de executar o projeto, verifique se você possui os seguintes requisitos instalados:
- Node.js (versão 16 ou superior)
- NPM ou Yarn
- Banco de Dados configurado (se necessário)
1️⃣ Certifique-se de ter PostgreSQL, MySQL ou outro banco compatível instalado.
2️⃣ Configure o arquivo api/database/index.js
host: "localhost",
port: 5432,
user: "root",
password: "root",
database: "mycontacts",1️⃣ Clone o repositório:
git clone https://github.com/seu-usuario/crud-contatos.git2️⃣ Instale as dependências:
No diretório do back-end:
npm install # yarnNo diretório do front-end:
npm install # yarn3️⃣ Execute os servidores:
Execute o back-end:
npm run dev # yarn devExecute o front-end:
npm start # yarn start4️⃣ Acesse a aplicação: Abra o navegador e acesse http://localhost:3000.
Este projeto está licenciado sob a MIT License.