Deployed link :- https://kanbanboard-tg5u.onrender.com
Github link :- https://github.com/Janamjay/kanbanBoard/edit/main
toDoList: {
name: "ToDo"
tasks: [
{id: 1 , title: "Project 1" , description: , createdAt: , previousList: null, order: }
]
}
inProgressList: {
name: "In Progress"
tasks: [
{id: 2 , title: "Project 2" , description: , createdAt: , previousList: toDoList, order: }
]
}
completedList: {
name: "Completed"
tasks: [
{id: 3 , title: "Project 3" , description: , createdAt: , previousList: null, currentList: , order: }
]
} Kanban Group React JS Project:- This is a collaborative Kanban board project developed by Apoorv, Neha, Janamjay, and Robin. The purpose of this project is to create a digital Kanban board using React JS and implement drag-and-drop functionality for managing tasks and workflows.
Table of Contents:- Introduction Features Technologies Used Getting Started Usage Contributors
Introduction:- A Kanban board is an effective tool for visualizing workflows and managing tasks or projects. This project aims to provide a digital Kanban board with intuitive drag-and-drop functionality, enabling users to easily move tasks between different stages of their workflow.
Features:- Interactive and user-friendly interface. Create, update, and delete tasks. Drag and drop tasks between different stages. Visualize the progress of tasks using customizable labels. Assign tasks to team members. Add due dates and reminders for tasks. Responsive design for optimal viewing on different devices.
Technologies Used:- React JS: A JavaScript library for building user interfaces. Recoil: A predictable state container for managing application state. react-beautiful-dnd: A React library for implementing drag and drop functionality. Material-UI (MUI): A popular React UI framework for creating beautiful and responsive UI components.
Usage:- Create a new board or select an existing one. Add tasks to the board by entering their details, such as title, description, due date, and assignee. Use drag and drop functionality to move tasks between different stages. Update tasks by editing their details or marking them as complete. Delete tasks that are no longer needed. Customize the labels and colors to represent different categories or priorities. Collaborate with your team members by sharing the board and assigning tasks.
Contributors:- Apoorv Verma, Neha Rajbhar, Janamjay Kumar and Robin Sharma
We appreciate all contributions to this project, whether it's through bug reports, feature suggestions, or pull requests.