Drag & Drop File Uploader

A clean, responsive, and interactive drag-and-drop file uploader built. This simple project allows users to upload files by dragging them into a designated drop zone or selecting them manually — with a focus on user experience and ease of use.

🚀 Features

• ✅ Drag and Drop Support — Simply drag files into the drop area
• 📂 Manual File Selection — Click to browse and upload files from your system
• 📁 Multiple File Uploads — Upload one or more files at once
• 🧾 File Preview — Display of file names and types after selection
• 🧹 Reset Option — Easily clear uploaded files and start over
• 📱 Responsive Design — Works smoothly on desktop, tablet, and mobile devices

🔧 Tech Stack

• HTML5
• Tailwind CSS
• JavaScript (Vanilla)

📦 Usability

This uploader can be integrated into any web project where file uploads are needed — such as:

• Profile picture uploads
• Document or resume submissions
• Media file sharing tools
• Admin panels or content management systems

🧪 How to Use

1. Clone the repository

   git clone https://github.com/SamPeterberg/DragAndDrop_internee.pk.git

Navigate to the project folder

cd DragAndDrop_internee.pk

Open the index.html file in your browser You can simply double-click the file or use a live server in VS Code for best results.

📸 Screenshot

🙋‍♂️ Author Sameer Ahmed 📧 mrsameerahmedbaluch@gmail.com 🔗 LinkedIn

🤝 Acknowledgments Thanks to Internee.pk for assigning this creative task and providing a great learning opportunity.