https://github.com/mehrdadrafiee/recursive-dnd-kanban-board
Recursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, Tailwind CSS and shadcn/ui
https://github.com/mehrdadrafiee/recursive-dnd-kanban-board
Last synced: 4 months ago
JSON representation
Recursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, Tailwind CSS and shadcn/ui
- Host: GitHub
- URL: https://github.com/mehrdadrafiee/recursive-dnd-kanban-board
- Owner: mehrdadrafiee
- Created: 2024-10-03T07:25:43.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-12-08T00:51:38.000Z (6 months ago)
- Last Synced: 2024-12-08T01:25:46.443Z (6 months ago)
- Language: TypeScript
- Homepage: https://recursive-dnd-kanban-board.vercel.app
- Size: 181 KB
- Stars: 23
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcn-ui - recursive-dnd-kanban-board - Recursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, tailwind and shadcn/ui. (Libs and Components)
- awesome-shadcn-ui - recursive-dnd-kanban-board - Recursively-generated drag and drop Accessible kanban board implementing using Next.js, @dnd-kit, tailwind and shadcn/ui. (Libs and Components)
- awesome-shadcn-ui - Link - 10-03 | (Libs and Components)
README
# recursive-dnd-kanban-board Example
This repository provides an example of how to build a recursively generated Kanban board using the following technologies:
- Next.js
- @dnd-kit
- Tailwind CSS
- Shadcn/ui
This Project is heavily inspired by [react-dnd-kit-tailwind-shadcn-ui](https://github.com/georgegriff/react-dnd-kit-tailwind-shadcn-ui). The main difference is that this project uses a recursive approach to generate the Kanban board columns, rather than a fixed number of columns. 🚀
Demo: https://recursive-dnd-kanban-board.vercel.app