این پروژه شامل یک سیستم کشیدن و رها کردن (Drag and Drop) ساده است که از HTML و JavaScript استفاده می‌کند. در این پروژه، کاربران می‌توانند آیتم‌ها را از یک جعبه به جعبه دیگر منتقل کنند.
۱.فایل اصلی پروژه : index.html
۲. استایل های پروژه :css/style.css
۳.مدیریت رویداد های کشیدن و رها کردن :js/script.js
۱. امکان کشیدن آیتم‌ها با استفاده از ویژگی draggable.
۲. مدیریت رویدادهای dragstart و dragend برای اضافه کردن و حذف کردن کلاس‌ها.
۳. امکان رها کردن آیتم‌ها در جعبه‌های دیگر با استفاده از رویداد dragover.
۱. پروژه را کلون کنید یا دانلود کنید.
۲. فایل index.html را در مرورگر خود باز کنید.
۳. آیتم‌ها را از یک جعبه به جعبه دیگر کشیده و رها کنید.