Drag and drop interaction

Based on past experiences, I took an old jQuery code and make it more readable and efficient.

Fill-in-the-blank drag-and-drop is a staple of e-learning design. I wanted to build one entirely myself — from interaction logic to animation — as a benchmark of my craft, independent of the authoring tools I used at work.

Interaction designer and sole developer. I designed the UX states, wrote all the JS drag-and-drop logic from scratch, and handled the animation layer with GSAP.

A clean, reusable e-learning interaction built without authoring tools. The key learning: the discipline of migrating a legacy jQuery implementation to modern vanilla JS — understanding what every line actually does, rather than inheriting patterns blindly.