https://github.com/heynzar/kanban-drag-and-drop

📂 A fully interactive Kanban board built with drag-and-drop support for task management.
https://github.com/heynzar/kanban-drag-and-drop

drag-and-drop kanban kanban-board kanban-board-application productivity vitejs

Last synced: 3 months ago
JSON representation

📂 A fully interactive Kanban board built with drag-and-drop support for task management.

• Host: GitHub
• URL: https://github.com/heynzar/kanban-drag-and-drop
• Owner: heynzar
• License: mit
• Created: 2024-11-15T16:16:33.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-01-24T20:53:18.000Z (4 months ago)
• Last Synced: 2025-01-24T21:25:30.901Z (4 months ago)
• Topics: drag-and-drop, kanban, kanban-board, kanban-board-application, productivity, vitejs
• Language: JavaScript
• Homepage: https://nz-kanban.vercel.app
• Size: 107 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Kanban - Drag and Drop Dashboard

A Drag and Drop Kanban dashboard to Manage projects and Track progress.

🚀 **[Live Demo Here](https://nz-kanban.vercel.app/)**

[![Project Preview](/public/cover.png)](https://nz-kanban.vercel.app/)

---

## Table of Contents

  


    
Built With

    
Installation

    
Contributing

    
License

    
Acknowledgment

    
Contact

  


---



## 🛠 Built With

- [![Vite][Vite.js]][Vite-url]

- [![React][React.js]][React-url]

- [![TailwindCSS][TailwindCSS]][TailwindCSS-url]

- ![Javascript][Javascript]

- [![Framer Motion][Motion]][Motion-url]

(back to top)


---



## 📦 Installation

1. Clone the repo

   ```sh

   git clone https://github.com/heynzar/kanban-drag-and-drop.git

   cd kanban-drag-and-drop

   ```

2. Install NPM packages

   ```sh

   npm install

   ```

3. Run the Project

   ```sh

   npm run dev

   ```

(back to top)


---



## 🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request.

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

(back to top)


---



## 📜 License

This project is licensed under the MIT License. Feel free to use and modify it for your own projects.

See `LICENSE` for more information.

(back to top)


---



## 💙 Acknowledgment

This project was inspired by [this video tutorial](https://youtu.be/O5lZqqy7VQE?si=ybL2uZNnqmSAX15g).

A special thanks to the creator for providing valuable guidance and insights that helped shape this Kanban board implementation.

(back to top)


---



## 📬 Contact

Nzar - [@heynzar](https://x.com/heynzar) - [email protected]

Project Link: [https://github.com/heynzar/kanban-drag-and-drop](https://github.com/heynzar/kanban-drag-and-drop)

(back to top)


[Vite.js]: https://img.shields.io/badge/Vite-000000?style=for-the-badge&logo=vite&logoColor=41d1ff

[Vite-url]: https://vite.dev/

[Motion]: https://img.shields.io/badge/Framer%20Motion-000000?style=for-the-badge&logo=framer&logoColor=fff312

[Motion-url]: https://motion.dev/

[React.js]: https://img.shields.io/badge/React-000000?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://react.dev/

[JavaScript]: https://img.shields.io/badge/JavaScript-000000?style=for-the-badge&logo=JavaScript&logoColor=yellow

[TailwindCSS]: https://img.shields.io/badge/TailwindCSS-000000?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8

[TailwindCSS-url]: https://tailwindcss.com