https://github.com/kelvinnovais/sudosu-crud

A simple CRUD made with ReactJS and MySQL.
https://github.com/kelvinnovais/sudosu-crud

Last synced: about 1 month ago
JSON representation

A simple CRUD made with ReactJS and MySQL.

• Host: GitHub
• URL: https://github.com/kelvinnovais/sudosu-crud
• Owner: KelvinNovais
• Created: 2021-11-23T21:03:19.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-23T21:09:04.000Z (about 3 years ago)
• Last Synced: 2024-11-01T04:13:11.706Z (3 months ago)
• Language: JavaScript
• Size: 1.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SudoSuCRUD



         





  





  



## O que é CRUD?

  Você sabe o que é 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) - atualizar os dados do registro;

  ❌ D: Delete (apagar) - apagar um registro;

  Para desenvolver qualquer projeto, desde uma simples agenda até um sistema complexo de gestão, é necessário seguir esses 4 passos (ou ações) para que o banco de dados seja manipulado corretamente.

## Cuidados com o CRUD

  - Sempre trate e valide as entradas do usuário.

  - Nenhum sistema está a salvo de ataques.

  - Tratar as entradas do usuário vão ajudar muito a evitar ataques de SQL Injection.

  - Sempre que buscar uma lista com muitos registros faça a paginação.

  - Em conjunto busque somente os dados que o usuário precisa ver.

  

## Estrutura do projeto



  



## Visualização



  



## Rode em seu PC

  ```bash

  # Clone o projeto

  $ git clone https://github.com/Kelvin-rnov/SudoSuCRUD.git

  # Acesse a pasta SERVER e instale as dependências

  $ npm install express mysql nodemon cors body-parser

  # Acesse a pasta CLIENT e instale as dependências

  $ npm install && npm i axios bootstrap

  # Configure um banco de dados com as seguintes especificações:

  # host: "localhost"

  # user: "root"

  # password: ""

  # database: "CRUDDataBase"

  # Inicie o bano de dados

  # Acesse a pasta server, e incie-o:

  $ npm start

  # Acesse a pasta client, e incie-o:

  $ npm start

  ```