React Todo DND

A classic Todo list application with Drag and Drop functionality

This application is implemented with Drag and Drop (DND) functionality across three columns.

🎞 Demo

React Todo DND Live Demo

🔎 Features

• First Column: Populated with data from JSONPlaceholder. Items can be dragged from the first column to the second and third columns using DND, but cannot be moved back from the second and third columns to the first.
• Second Column: Items can be deleted individually with a confirmation modal.
• Third Column: Has a button at the bottom that deletes all items in it.

🔧 Technologies Used

• React.js: Without TypeScrit for now (quick MVP). Using Prop-types, Portal modals.
• Husky, Eslint, Prettier, Stylelint
• Axios
• Redux Toolkit
• SASS modules

⚙️ Installation

To run this project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/pavelvyny/react-todo-dnd.git

2. Install the dependencies:

npm i

3. Start the development server:

npm run dev

📝 License

This project is open source and available under the MIT License.