https://github.com/mrbrunelli/crud-js

Utilizando Javascript para fazer CRUD no banco MySQL
https://github.com/mrbrunelli/crud-js

ajax crud css3 frontend html5 javascript mysql pdo pdo-mysql php

Last synced: about 2 hours ago
JSON representation

Utilizando Javascript para fazer CRUD no banco MySQL

• Host: GitHub
• URL: https://github.com/mrbrunelli/crud-js
• Owner: mrbrunelli
• Created: 2020-02-23T05:26:17.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-04-18T23:51:29.000Z (over 2 years ago)
• Last Synced: 2023-03-07T14:48:25.213Z (over 1 year ago)
• Topics: ajax, crud, css3, frontend, html5, javascript, mysql, pdo, pdo-mysql, php
• Language: JavaScript
• Homepage: https://crud-js.000webhostapp.com/
• Size: 59.6 KB
• Stars: 6
• Watchers: 3
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CRUD JS - Matheus Ricardo Brunelli

## *CRUD com sistema de login e senha, utilizando Ajax para fazer requisições ao Back-End*

## Front-End

- [x] JavaScript puro na maior parte do código

- [x] Bootstrap para os layouts

- [x] Alerts com Sweetalert2

- [x] Ajax com Jquery e JavaScript puro

## Back-End

- [x] PHP puro

- [x] PDO MySQL

- [x] Poucas linhas de código

- [x] O Front-End solicita a maior parte das requisições

## Para estudos

*Resolvi estudar mais a fundo essa linguagem de programação que eu considero ser uma das melhores. É muito divertido programar em JavaScript, ele é muito intuitivo, e sua sintaxe é simples*

## Aproveite as minhas funcões

*Eu gosto muito de criar funções, e nesse projeto tem uma infinidade delas, todas criadas por mim*

```

// FUNÇÃO PARA VALIDAR CAMPOS

function fnValidar(id, add, remove) {

    document.querySelector(`#${id}`).classList.add(`${add}`)

    document.querySelector(`#${id}`).classList.remove(`${remove}`)

}

```

### Algumas ScreenShots

#### Card de Login

![](https://i.ibb.co/dLNkVy9/crud-js.png)

#### Card de Cadastro

![](https://i.ibb.co/9wyLnqN/crud-js2.png)

#### Home

![](https://i.ibb.co/Mpx0xNQ/crud-js3.png)

#### Exemplo com Sweetalert2

![](https://i.ibb.co/rvRBD8j/crud-js4.png)