MERN Stack con MySQL – React MySQL CRUD (Context API, TailwindCSS)

En este tutorial aprenderás a crear una aplicación web fullstack usando el Stack MERN (MySQL, Express, React, Node), solo que usaremos en nuestro caso MySQL en lugar de Mongodb. Primero crearemos una aplicacion Backend usando Javascript del lado Servidor con Nodejs, Express, y MySQL y luego crearemos un frontend de React usando Vite (un generador de proyectos alternativo a create-react-app), lo que crearemos es un tipico CRUD (Create, Read, Update, Delete) de tareas desde cero.

Código del Ejemplo Práctico:
https://github.com/fazt/mern-mysql-crud

Índice del contenido:
Este ejemplo esta dividido en las siguientes secciones:

00:00 Introducción
01:35 Project Setup
18:56 Server Routes
26:03 Create tasks endpoint
38:05 Get tasks endpoint
45:32 Delete tasks endpoint
49:31 Update tasks endpoint
53:52 Error Handling
01:00:15 Frontend Setup
01:08:52 Create Task Frontend
01:27:26 List Tasks Frontend
01:36:39 Delete Tasks Frontend
01:42:38 Context Tasks – Delete
02:07:01 Update Tasks Frontend
02:24:14 Toggle Done Frontend
02:33:09 TailwindCSS

🎥 Videos Recomendados:
Github Pages npm ➜ https://youtu.be/G2FoSpsq3Rw
Mongodb Visual Studio Code ➜ https://youtu.be/fZgJHJO81dw
Mongoose ➜ https://youtu.be/gfP3aqV38q4
Curso de Nodejs ➜ https://youtu.be/BhvLIzVL8_o
Thunder Client ➜ https://youtu.be/HZx5X3s_Jl4
Variables de Entorno en Nodejs ➜ https://youtu.be/U6st9-lNUyY
Curso de Git ➜ https://youtu.be/HiXLkL42tMU
Rest client VSCode ➜ https://youtu.be/3QLcHjNp-08
Mongodb Atlas ➜ https://youtu.be/Imwk0HtEuGY

👨‍💻 ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ https://bit.ly/3ijsVNW
SiteGround ➞ https://bit.ly/31u9ZEk
DigitalOcean ➞ https://m.do.co/c/8ef261d77de5
Expo ➞ https://bit.ly/2WpYKtx
Cloudinary ➞ https://bit.ly/3ohNlJ7
Namecheap ➞ namecheap.pxf.io/ErDe9

#mysql #react #mernstack