This is a simple web application that demonstrates native HTML5 drag-and-drop functionality using JavaScript, CSS, and HTML. The project allows users to interact with draggable and droppable elements, mimicking a drag-and-drop interface.

• Drag and drop functionality for elements within designated areas.
• Visual cues and styling to indicate draggable and droppable areas.
• Basic JavaScript event handling for drag-and-drop events.
• CSS styling to enhance the user interface.

1. Clone this repository to your local machine using:

git clone https://github.com/Dmytro1991ua/drag_and_drop

2. Open the index.html file in a web browser to view the project, for instance via Live Server code editor's extension.

The project was deployed using GitHub Pages. You can access the live demo Drag & Drop Demo.

1. Drag the draggable elements from one area and drop them into the droppable area.
2. Observe the visual feedback when dragging and hovering over different areas.
3. Experiment with dragging elements from one droppable area to another.

• HTML5
• CSS
• JavaScript

This project was inspired by the desire to explore and learn about native HTML5 drag-and-drop features. It serves as a demonstration of basic drag-and-drop concepts using HTML, CSS, and JavaScript.