Skip to content

Simple vanilla JS drag & drop implementation built for the purpose of refreshing classes, static methods, inheritance, this keyword, CSS selectors, DOM APIs, etc ...

Notifications You must be signed in to change notification settings

dzenis-h/drag-n-drop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation


Drag-n-Drop

Overview 👀

Drag-n-Drop is a simple vanilla JS drag and drop implementation built for the purpose of refreshing classes, static methods, inheritance, this keyword, CSS selectors, DOM APIs, etc. It allows you to create draggable elements and drop them into different containers. You can also rearrange the elements within the same container or move them back to the initial position.

Screenshot

Tech Stack 🛠️

Tech Docs Description
HTML5 HTML5 A markup language for structuring and presenting web pages
CSS3 CSS3 A style sheet language for describing the appearance of web pages
JavaScript JavaScript A scripting language for creating dynamic and interactive web pages
Bootstrap5 Bootstrap5 A framework for building responsive and mobile-first web pages
DOM DOM An interface that represents and manipulates HTML and XML documents
Drag-and-Drop Drag-and-Drop An API that enables applications to use drag-and-drop features in browsers
CSS3 Flexbox CSS3 Flexbox A layout method for arranging items in rows or columns
Class Class A syntactic sugar for defining constructor functions and prototypes in JavaScript
Vanilla JavaScript Vanilla JavaScript The plain version of JavaScript without any additional libraries or frameworks
this this A keyword that refers to the current execution context in JavaScript
Inheritance Inheritance A mechanism that allows one object to acquire the properties and methods of another object in JavaScript
CSS Selector CSS Selector A pattern that matches one or more elements in a document tree
Browser API Browser API An interface that allows JavaScript code to interact with various features and services provided by the browser
Prototypal Inheritance Prototypal Inheritance A mechanism that allows objects to inherit features from other objects in JavaScript
Static Method Static Method A method that belongs to the class rather than the instance in JavaScript

Contributing 🙌

Contributions are always welcome! If you would like to contribute to this project, please follow these steps:

  1. Fork the repository. 🍴
  2. Create a new branch. 🌵
  3. Make your changes and test them thoroughly. 👨‍💻
  4. Submit a pull request. ✔

License 📑

This project is licensed under the MIT License. See the LICENSE file for details.

Credits 👨🏻‍💻

This repo was created by Dzenis H.

Contributions are more than welcome. 🫡

If you like what you see, please consider giving a ⭐️

About

Simple vanilla JS drag & drop implementation built for the purpose of refreshing classes, static methods, inheritance, this keyword, CSS selectors, DOM APIs, etc ...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published