A Kanban board built with React and React DND for managing tasks.
Check out the live demo: Demo Link
React Kanban Board is a web application designed to help users manage tasks using a Kanban board interface. The application leverages React DND (Drag and Drop) for intuitive task management, providing users with a simple yet effective way to organize their tasks in different stages.
- Drag and drop tasks to different stages of the Kanban board.
- Create, edit, and delete tasks.
- Use of Material Tailwind components for a modern and responsive UI.
- Integration with Redux for state management.
- Calendar view using the react-datepicker library to schedule tasks.
- Clone the repository:
git clone https://github.com/devschapy/react-kanban-board.git - Navigate to the project directory:
cd react-kanban-board - Install dependencies:
npm install
To start the development server, run:
npm run dev
Save to grepper
Visit http://localhost:3000 in your web browser to access the Kanban board.
Technologies
React
React DND
Material Tailwind
Redux Toolkit
Redux Persist
React Router
React Datepicker
@iconify/react
Contributing
If you'd like to contribute to this project, follow these steps:
Fork the repository.
Create a new branch: git checkout -b feature/your-feature-name
Commit your changes: git commit -m "Add some feature"
Push to the branch: git push origin feature/your-feature-name
Open a pull request.