Drag and Drop Task Board

A simple task management board built with React. The project allows users to drag and drop tasks between "In Progress" and "Completed" columns without any external library. It also includes functionality to add new tasks dynamically with randomly assigned light background colors.

---

Features

• Drag and drop tasks between categories.
• Add new tasks with customizable names.
• Tasks are displayed with randomly assigned soft background colors for enhanced clarity.
• Responsive design for a better experience on different devices.

---

Technologies Used

• React.js
• CSS
• JavaScript

---

Folder Structure

drag-drop/
├── public/
├── src/
│   ├── App.css       # Styling for the application
│   ├── App.js        # Main application logic
│   ├── index.js      # Application entry point
├── package.json
└── README.md

---

Live Demo

drag-drop-video.mp4

Installation

1. Clone the Repository:

   git clone <repository_url>

2. Navigate to the Project Directory:

   cd drag-drop

3. Install Dependencies:

   npm install

4. Run the Application:

   npm run dev

---

Contributing

I welcome your contributions to improve this project or add new features!

1. Fork the repository to your GitHub account.

2. Create a new branch for your feature or fix:

   git checkout -b feature-name

3. Make your changes and commit them with a descriptive message:

   git commit -m "Add feature"

4. Push your changes to your forked repository:

   git push origin feature-name

5. Open a pull request from your branch to the main repository.

I appreciate your efforts to contribute and make this project even better!🎉

---

Get in Touch

• Email: bushranaeem941@gmail.com
• LinkedIn: Bushra Naeem
• Instagram: Bushra Naeem

Feel free to reach out for collaborations, feedback, or just to connect!😊