kanban-board-project-2

kanban-board - https://kanban-board-project2.netlify.app/

Kanban Board

A Kanban board is a project management tool that visualizes tasks and their progress in an intuitive and organized manner. This project aims to develop a Kanban board using React, providing users with a seamless task management experience.

Features

1. React Development Environment Setup: The project utilizes the create-react-app command or the vite tool to set up the React development environment.

2. Kanban Board Layout: The Kanban board layout consists of a top navigation bar, an "Add Another List" component, a list component, a card component, and a button to change the background image.

3. Drag and Drop Functionality: The application implements drag and drop functionality to enable users to move tasks between columns. This functionality is achieved by leveraging popular libraries such as React DnD or react-beautiful-dnd.

4. State Management: The application manages its state using the useState hook and explores the use of useReducer for more complex state management scenarios.

5. Task Management: Users can add new tasks to the board and edit existing tasks. This functionality enhances task management capabilities and allows for efficient collaboration.

6. Customizations: Users have the ability to customize the Kanban board by editing tag names and changing the background image. This feature enhances the visual appeal and personalization of the board.

Team Members

• Sameer Shaik
• Rushikesh Rikibe
• Aakanksha Gaikwad
• Md Aaquib Javed Khan

Tasks for Today

• Aakanksha: UI development
• Sameer: Explore drag and drop libraries (e.g., React DnD or react-beautiful-dnd)
• Rushikesh: Explore the use of useReducer for state management

Goal

The goal of this project is to create a functional Kanban board application that allows users to add lists and cards, manage tasks efficiently, and customize the board according to their preferences.

Deployment

Once the application has been thoroughly tested and meets the desired functionality, it can be deployed to a hosting platform such as Render or Vercel for public access.

How to Run the Project

1. Clone this repository.
2. Install the necessary dependencies by running npm install.
3. Start the development server by running npm start.
4. Access the application in your web browser at http://localhost:3000.