🖱️ Drag and Drop

Two drag-and-drop demos built with the native HTML5 Drag and Drop API:

1. List mover — drag list items between two boxes.
2. File drop zone — drop any file to preview and download it.

✨ Features

• Drag list items back and forth between two containers
• Drop any file type onto the drop area
• Image files are previewed as images
• Text files are previewed as text
• Other file types show their name and type
• Download link for the first dropped file
• Highlight effect while dragging over the drop area

🛠️ Built With

• HTML5 (Drag and Drop API)
• CSS3
• JavaScript (Vanilla, FileReader, Blob URLs)
• Font Awesome

📁 Project Structure

27 Drag and Drop/
├── index.html
├── style.css
└── script.js

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/vyom1912/<repository-name>.git

2. Open index.html in your browser — no build step or installation needed.

Tip: For the best experience, use the Live Server extension in VS Code.

👤 Author

Vyom Patel — GitHub @vyom1912

If you like this project, consider giving it a ⭐ on GitHub!