maykkkk / drag-and-drop

drag-and-drop

Visit Project Live Website - https://maykkkk.github.io/drag-and-drop/ Here's an example README.md file for drag-and-drop project:

# Drag and Drop Example

This is a simple web page that demonstrates drag and drop functionality using HTML, CSS, and JavaScript. Users can drag items from one container to another.

## Usage

1. Clone the repository:
   ```bash
   git clone https://github.com/Maykkkk/drag-and-drop.git

2. Open the index.html file in a web browser.

3. Drag items from the left container to the right container.

4. To reset the containers, click the "Reset" button.

Features

• Drag and drop functionality using native HTML5 Drag and Drop API.
• Visual feedback during dragging with opacity and scale transformation.
• Success message displayed when an item is dropped into the second container.
• Reset button to clear the second container and reset the first container to its original state.

Technologies Used

• HTML
• CSS
• JavaScript

Credits

• Font Awesome for the star icon: Font Awesome

License

This project is licensed under the MIT License.

Feel free to customize the content of the README.md file according to your project's specific details and requirements.