A full-stack CRUD application demonstrating the use of MySQL with a React frontend and Node.js + Express backend. Perform basic database operations through a user-friendly interface.
- π Create, Read, Update, Delete operations on user records
- π Real-time UI updates after each DB operation
- β‘ Clean API architecture with async operations
- Frontend: React
- Backend: Node.js, Express.js
- Database: MySQL
- Languages: JavaScript, SQL
- API: RESTful
MySQL_React_Node-CRUD/
βββ client/ # React frontend
β βββ public/
β βββ src/
β βββ components/
β βββ App.jsx
βββ server/ # Node.js + Express backend
β βββ db/ # MySQL DB config
β βββ routes/
β βββ index.js
βββ .gitignore
βββ package.json
βββ README.md
- Node.js & npm
- MySQL server (local or remote)
-
Clone the repo:
git clone https://github.com/tharunkumar-BIT/MySQL_React_Node-CRUD.git cd MySQL_React_Node-CRUD -
Set up MySQL database:
- Create a new database
- Run the provided SQL script (if any) to create tables
-
Configure DB credentials in backend:
Open
server/db/config.jsand update your MySQL username, password, and database name. -
Install backend dependencies:
cd server npm install -
Install frontend dependencies:
cd ../client npm install -
Start the backend server:
cd ../server npm start -
Start the frontend app:
cd ../client npm start
Contributions are welcome!
Feel free to fork the project and submit a pull request with your improvements.