Skip to content

vishal-rathod-07/react-kanban-board

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kanban Board

project-image

A simple Kanban board application built with React that allows you to create and move tasks between columns.

🚀 Demo

https://vishal-rathod-07.github.io/react-kanban-board/

🧐 Features

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

🛠️ Installation Steps:

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.

🍰 Contribution Guidelines:

This project is open for contributions. If you would like to contribute please create a pull request.

Customization

The app can be customized by editing the KanbanBoard component. The column names and the callbacks when task move can be changed.

💻 Built with

Technologies used in the project:

  • React
  • React DnD for drag and drop functionality
  • HTML5 backend for React DnD
  • CSS for styling