https://github.com/hombre2014/dnd-tutorial
DnD kit tutorial
https://github.com/hombre2014/dnd-tutorial
Last synced: about 2 months ago
JSON representation
DnD kit tutorial
- Host: GitHub
- URL: https://github.com/hombre2014/dnd-tutorial
- Owner: Hombre2014
- Created: 2024-02-08T10:34:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-04T04:13:16.000Z (about 1 year ago)
- Last Synced: 2025-02-01T03:18:49.325Z (4 months ago)
- Language: TypeScript
- Size: 48.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Drag and Drop Kanban Board with DnD kit
> Drag and drop app for Kanban board with DnD kit, TailwindCSS and Typescript
## User Guide
### Clone the repository
`git clone (https://github.com/Hombre2014/dnd-tutorial.git)`
### Change the directory
`cd dnd-tutorial`
### Install dependencies
`npm install`
### Start the app
`npm run dev`
It runs the app in the development mode.\
Open [http://localhost:5173](http://localhost:5173) to view it in your browser.
## Author
👤 **Yuriy Chamkoriyski**
- GitHub: [@Hombre2014](https://github.com/Hombre2014)
- Twitter: [@Chamkoriyski](https://twitter.com/Chamkoriyski)
- LinkedIn: [axebit](https://linkedin.com/in/axebit)
## Attributions
Thanks to: [Klinton](https://github.com/Klinton) and his YouTube video: [React course: Build a drag and drop Kanban Board: Typescript, Tailwind, Dnd-Kit multiple containers](https://www.youtube.com/watch?v=RG-3R6Pu_Ik&t=20s&ab_channel=CodewithKliton)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Hombre/dnd-tutorial/issues).
## Show your support
Give a ⭐️ if you like this project!