Skip to content

Athilas-Silva/crud-register

Repository files navigation

Crud de usuários

🔖 Sobre

Este projeto foi um desafio proposto por uma vaga de emprego como desenvolvedor web. O desafio proposto foi de criar um CRUD, contendo campos obrigatórios para o preenchimento dos dados exigidos e não aceitando valores nulos.

O que é CRUD? 🤔

CRUD é a composição da primeira letra de 4 funções básicas de um sistema que trabalha com banco de dados:

✅ C: Create (criar) - criar um novo registro.

👁 R: Read (ler) - ler (exibir) as informações de um registro.

♻️ U: Update (atualizar) - atualiza os dados do registro.

❌ D: Delete (apagar) - apaga um registro.

Por exemplo, se você precisa desenvolver desde uma simples agenda telefônica até um sistema complexo de gestão de faturamento de pedidos, você precisará realizar essas 4 ações para manipular as tabelas do banco de dados de seu sistema.

Do ponto de vista do desenvolvedor, ele precisará criar as tabelas (modelos) do banco de dados, funções (controles) que atualizarão o banco de dados e as interfaces (visões), como página web ou aplicativo mobile, em que os usuários irão interagir com os dados.

Em sistemas mais sofisticados, os dados do CRUD podem ser manipulados por outros sistemas via API - Application Programming Interface (em tradução livre, “Interface de Programação de Aplicativos”).

Saiba mais.

Imagens da aplicação em tela:

Tela inicial:

home

Tela de cadastro:

cadastrar

Tela de listagem:

listagem

Editando:

modal

Ferramentas utilizadas 🖥️🛠️👨‍💻📚

Modo de usar 🧐

  1. Ao baixar o repositório, extraia os arquivos no local desejado e abra o projeto no Visual Studio Code.

  2. Abra o terminal do VS Code e digite o seguinte comando para instalar as dependências: npm install

  3. Abra o arquivo do banco de dados no MySQL ou se preferir crie o banco de dados com o nome de “empregos_aqui” e a tabela com o nome de “usuários”, depois crie as colunas com os campos:

    • Id
    • nome_completo
    • cpf
    • email
    • telefone_cel
    • created_at
    • updated_at

Todos os campos não aceitando valores nulos.

banco

Link do projeto