A simple Kanban board application built with React that allows you to create and move tasks between columns.
https://vishal-rathod-07.github.io/react-kanban-board/
Here're some of the project's best features:
- Create new tasks with a name and column.
- Move tasks between columns by dragging and dropping.
- Three columns available: "To Do" "In Progress" and "Done".
- Uses the react-dnd library for drag and drop functionality.
- Tasks are stored in local storage so they persist between refreshes
- Delete tasks with a click of a button
1. Clone the repository.
https://github.com/vishal-rathod-07/react-kanban-board.git
2. Install the necessary dependencies
npm install
3. Start the development server
npm start
4. The app will be available at http://localhost:3000 in your browser.
This project is open for contributions. If you would like to contribute please create a pull request.
The app can be customized by editing the KanbanBoard
component. The column names and the callbacks when task move can be changed.
Technologies used in the project:
- React
- React DnD for drag and drop functionality
- HTML5 backend for React DnD
- CSS for styling