https://github.com/amerrika/drag-drop-vue
Simple Single List Drag & Drop Feature
https://github.com/amerrika/drag-drop-vue
drag-drop options-api vue3 vuejs
Last synced: 3 months ago
JSON representation
Simple Single List Drag & Drop Feature
- Host: GitHub
- URL: https://github.com/amerrika/drag-drop-vue
- Owner: amerrika
- Created: 2024-03-27T19:39:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-01T15:50:31.000Z (about 1 year ago)
- Last Synced: 2024-11-14T22:14:37.645Z (7 months ago)
- Topics: drag-drop, options-api, vue3, vuejs
- Language: Vue
- Homepage: https://amerrika-drag-drop.netlify.app/
- Size: 15.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drag and Drop
I wanted to add drag and drop feature to my Todo App without using a library. It was challenging to sort items but it was a fun challenge to do.
## What I Learned
- I got familiar with HTML Drag and Drop API
## Continued Development
- When an item is being dragged, I'd like to add a transition/animation for other items.
- Make it mobile/touch friendly
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Compile and Minify for Production
```sh
npm run build
```