Skip to content

Harsshhhhiiii/drag-and-drop

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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
  1. Open the index.html file in a web browser.

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

  3. 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

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 39.8%
  • JavaScript 35.6%
  • HTML 24.6%