https://github.com/smoke221/drag-n-drop-plus

https://github.com/smoke221/drag-n-drop-plus

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/smoke221/drag-n-drop-plus
• Owner: Smoke221
• Created: 2023-08-15T13:53:36.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-15T16:53:28.000Z (over 1 year ago)
• Last Synced: 2024-03-21T14:44:14.593Z (10 months ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drag and Drop Project

This is a simple web application that allows you to create dropped areas and items using drag and drop functionality. You can dynamically add dropped areas with headings and items to the main container. Items can be added to the content container as well. The project also utilizes local storage to persist the added items and the state of the dropped areas.

## Features

- Create dropped areas with headings and items using drag and drop.

- Add new items to the content container.

- Local storage integration to save and load the state of the application.

## Getting Started

1. Clone the repository to your local machine.

2. Open the `index.html` file in a web browser to start using the application.

## How to Use

1. Click the "+" button to add a new dropped area. Enter a heading for the dropped area in the prompt.

2. Drag and drop items from the content container into the dropped areas.

3. Use the "Add" button in the content container to add new items.

4. The added items and the state of dropped areas will be saved to local storage.

## Technologies Used

- HTML

- CSS

- JavaScript