Skip to content

tharunkumar-BIT/MySQL_React_Node-CRUD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ› οΈ MySQL + React + Node.js CRUD App

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.

React Node.js Express MySQL JavaScript


✨ Features

  • πŸ“„ Create, Read, Update, Delete operations on user records
  • πŸ”„ Real-time UI updates after each DB operation
  • ⚑ Clean API architecture with async operations

πŸ› οΈ Tech Stack

  • Frontend: React
  • Backend: Node.js, Express.js
  • Database: MySQL
  • Languages: JavaScript, SQL
  • API: RESTful

πŸ“ Project Structure

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

πŸš€ Getting Started

Prerequisites

  • Node.js & npm
  • MySQL server (local or remote)

Installation

  1. Clone the repo:

    git clone https://github.com/tharunkumar-BIT/MySQL_React_Node-CRUD.git
    cd MySQL_React_Node-CRUD
  2. Set up MySQL database:

    • Create a new database
    • Run the provided SQL script (if any) to create tables
  3. Configure DB credentials in backend:

    Open server/db/config.js and update your MySQL username, password, and database name.

  4. Install backend dependencies:

    cd server
    npm install
  5. Install frontend dependencies:

    cd ../client
    npm install
  6. Start the backend server:

    cd ../server
    npm start
  7. Start the frontend app:

    cd ../client
    npm start

🀝 Contributing

Contributions are welcome!
Feel free to fork the project and submit a pull request with your improvements.

About

This is a repo for learning CRUD operation with React, Express and MySQL DB

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published