README.md

Simple Drag and Drop Table

Using MUI Component Library, Javascript, Nodejs(Express) and React

Description

This project is a sample application to demonstrate drag and drop functionality in a table using MUI and React, this use HTML draggable properties to handle, other library such react-beautiful-dnd can also be used.

Author

• Name: Nitish Mehta
• Email: [email protected]
• LinkedIn: Nitish Mehta

License

This project is licensed under the MIT License - see the LICENSE file for details.

Prerequisites

Make sure you have the following installed on your system:

• Node.js (includes npm)
• Git

Getting Started

Clone the Repository

git clone https://github.com/your-username/your-repo.git
cd your-repo

Backend

Navigate to the root directory and install the backend dependencies, then start the node app:

    npm install
    npm start

The backend server will start on port 5050.

Frontend

Navigate to the client directory and install the frontend dependencies:

    cd client
    npm install
    npm start

Running Tests

To run the tests for the frontend, navigate to the client directory and use the following command:

    cd client
    npm test

Structure of Node Js App

-React Client
-- React App Folders and Files
-index.js (Express Server)