https://github.com/ka1quee/crud-react

CRUD Full Stack de um cadastro de usuários, onde o backend foi desenvolvido em node, frontend em React.JS e banco de dados com MySQL.
https://github.com/ka1quee/crud-react

crud javascript mysql nodejs react

Last synced: about 2 months ago
JSON representation

CRUD Full Stack de um cadastro de usuários, onde o backend foi desenvolvido em node, frontend em React.JS e banco de dados com MySQL.

• Host: GitHub
• URL: https://github.com/ka1quee/crud-react
• Owner: Ka1quee
• Created: 2024-07-31T17:58:52.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-01T15:45:17.000Z (6 months ago)
• Last Synced: 2024-08-01T17:47:34.691Z (6 months ago)
• Topics: crud, javascript, mysql, nodejs, react
• Language: JavaScript
• Homepage:
• Size: 2.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📝 CRUD FULL STACK 

CRUD Full Stack de um cadastro de usuários, onde o backend foi desenvolvido em node, frontend em React.JS e banco de dados com MySQL.

## 🚀 **Funcionalidades**

- **CRUD**: Criação, leitura, atualização e exclusão de usuários.

## 📚 **Dependências utilizadas**

### 🖥️ **Frond-End**

![Axios](https://img.shields.io/badge/Axios-1.7.2-blue)

![React-Icons](https://img.shields.io/badge/React_Icons-5.2.1-blue)

![Toastify](https://img.shields.io/badge/Toastify-10.0.5-blue)

![Styled Components](https://img.shields.io/badge/Styled_Components-6.1.12-blue)

- **Axios**: 🌐 Biblioteca para fazer requisições HTTP do navegador e do Node.js.

- **React Icons**: 🎨 Biblioteca para incluir ícones populares como componentes de React.

- **React Toastify**: 🔔 Biblioteca para exibir notificações toast em aplicações React.

- **Styled Components**: 💅 Biblioteca para escrever CSS-in-JS, permitindo o uso de estilos com escopo local em componentes React.

#

### 🗄️ **Back-End**

![cors](https://img.shields.io/badge/Cors-2.8.5-green)

![express](https://img.shields.io/badge/Express-4.19.2-green)

![mysql](https://img.shields.io/badge/MySQL-2.18.1-green)

![nodemon](https://img.shields.io/badge/Nodemon-3.1.4-green)

![yarn](https://img.shields.io/badge/Yarn-1.22.22-green)

- **Cors**: 🛡️ Middleware para habilitar CORS (Cross-Origin Resource Sharing) em aplicações Express.

- **Express**: 🚀 Framework web para Node.js, utilizado para construir APIs e aplicativos web.

- **MySQL**: 🗄️ Cliente MySQL para Node.js, utilizado para se conectar e interagir com bancos de dados MySQL.

- **Nodemon**: 🔄 Ferramenta que reinicia automaticamente o servidor Node.js quando mudanças são detectadas no código.

- **Yarn**: 📦 Gerenciador de pacotes que serve como uma alternativa ao npm, oferecendo performance e funcionalidades adicionais.

# Visualização

### Pagina principal

![Web 1](https://i.imgur.com/F4A4RCH.png)

### Notificação para o usuário

![Mobile 1](https://i.imgur.com/S20QaVp.png)

# Autor

### Kaique Oliveira de Freitas Mota

www.linkedin.com/in/kaique--oliveira