Todo List in Kanban Board Using PHP and MySQL with Source Code


Welcome to our Todo List in Kanban Board project, a robust task management solution designed to streamline your workflow with the power of PHP and MySQL. Built upon the principles of the Kanban methodology, this application offers an intuitive interface where tasks are visualized as cards within customizable columns, allowing for easy tracking of their progress through various stages. Whether you're a solo entrepreneur, a small team, or part of a larger organization, this tool empowers you to efficiently manage tasks, prioritize work, and collaborate effectively.

Harnessing the capabilities of PHP on the server-side and MySQL for data storage, our Kanban board ensures seamless interaction and reliability. With features like dynamic task creation, drag-and-drop functionality, and responsive design, you can effortlessly add, edit, and organize tasks across different statuses. Whether you're on your desktop, tablet, or smartphone, our application adapts to your device, providing a consistent and user-friendly experience. Say goodbye to scattered to-do lists and hello to organized productivity with our Todo List in Kanban Board.

You may also check some simple PHP and MySQL projects:


  1. Kanban Board Interface: Utilizing the Kanban methodology, tasks are organized into customizable columns representing different stages such as "No Status," "Pending," "In Progress," and "Completed."
  2. Dynamic Task Management: Add, edit, and delete tasks directly within the Kanban board interface, facilitating seamless task management.
  3. Drag-and-Drop Functionality: Effortlessly move tasks between columns using intuitive drag-and-drop gestures, mimicking the physical movement of task cards on a traditional Kanban board.
  4. Persistent Data Storage: Tasks are stored securely in a MySQL database, ensuring data persistence and reliability.
  5. Responsive Design: The application is built with responsive design principles, ensuring optimal viewing and interaction experiences across devices of all sizes.

Technologies Used:

  1. PHP: Powering the server-side logic, PHP facilitates dynamic content generation and interacts with the MySQL database to fetch, add, edit, and delete tasks.
  2. MySQL: Serving as the relational database management system, MySQL stores task data efficiently, enabling seamless retrieval and manipulation.
  3. HTML/CSS/JavaScript: The frontend interface is crafted using HTML for structure, CSS for styling, and JavaScript for interactive functionality.
  4. Bootstrap: Leveraging the Bootstrap framework for responsive design and pre-styled components, the application ensures a modern and visually appealing user interface.
  5. jQuery: Enhancing frontend interactivity, jQuery simplifies DOM manipulation and event handling, facilitating smooth drag-and-drop operations within the Kanban board.

How to Use:

  1. Adding a Task:
    • Click the "+ Add Todo" button in the "No Status" column.
    • A modal will appear prompting you to enter the task details.
    • Fill in the task details and click "Save changes" to add the task.
  2. Managing Tasks:
    • Tasks are represented as cards within each column.
    • Drag tasks between columns to update their status (e.g., from "Pending" to "In Progress").
    • To edit a task, simply click on it and make the desired changes.
    • To delete a task, click the "x" icon on the task card and confirm the action.

Sample Screenshots of the Project:

Landing Page

Add Todo Modal

Dragged Todo List

How to Run?

  • Download and Install XAMPP.
  • Download the provided source code zip file.

Note: The database is included on the provided zip file.


  • Create a database named "todo_kanban_db" in phpMyAdmin MySQL.
  • Transfer the provided source code to the htdocs folder.
  • Import the provided SQL file into the created database.
  • Open your browser with the link "http://localhost/todo-list-in-kanban-board/".

Video Demonstration for Installation/Setup:


In conclusion, our Todo List in Kanban Board project offers a comprehensive solution for efficient task management, combining the flexibility of Kanban methodology with the reliability of PHP and MySQL. With intuitive drag-and-drop functionality, customizable columns, and responsive design, users can seamlessly track tasks, collaborate effectively, and stay organized across devices. Whether you're tackling personal projects or coordinating team efforts, this application empowers you to prioritize tasks, streamline workflows, and achieve productivity goals with ease. Say goodbye to the chaos of traditional to-do lists and embrace the clarity and efficiency of our Kanban board solution.

That's it! I hope this "Todo List in Kanban Board Using PHP and MySQL" will assist you on your programming journey, providing value to your current and upcoming PHP projects.

For additional tutorials and free source code, explore our websites.  

Enjoy Coding :>>

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.


Add new comment