React + Node.js + MySQL CRUD Template

---

🚀 Project Overview

This is a full-stack CRUD template using:

• Backend: Node.js + Express + MySQL (mysql2 package)
• Frontend: React + Bootstrap 5
• Features:
  • Create, Read, Update, Delete products
  • RESTful API with validation & error handling
  • Responsive UI with React Hooks
  • Simple and clean code to jumpstart your projects

Perfect starter boilerplate for beginners and intermediate developers.

---

🎯 Features

• Fully functional CRUD operations on Products
• Backend API with MySQL connection pooling
• React frontend with Bootstrap styling
• Loading states and user-friendly alerts
• Modular, well-structured codebase
• Easy to customize and extend

---

🎞️ Demo

---

💻 Getting Started

Prerequisites

• Node.js v18 or newer
• MySQL server installed and running
• npm package manager

Edit .env File For You Properties

Setup Backend

1. Clone the repo:

git clone https://github.com/DMS-ranil/react-mysql-crud-template
cd react-mysql-crud-template/backend

2. Install Packages

npm install

Setup Frontend

1. Clone the repo:

git clone https://github.com/DMS-ranil/react-mysql-crud-template
cd react-mysql-crud-template/frontend

2. Install Packages

npm install