Drag Popsicle
The Drag Popsicle App is an interactive learning tool I developed to help young learners practice basic counting skills in a fun and hands-on way. When the app starts, a simple instruction appears — for example, "Place 5 popsicles."
🧩 How the App Works
During the COVID-19 pandemic, I worked at a gaming studio, Busy Beaver Studio, contributing to educational applications designed to make learning fun and interactive for children. This experience taught me how to design for young audiences, balance simplicity with engagement, and build touch-friendly web apps using lightweight stacks like SVG, GSAP, and Adobe Illustrator.
When the app starts, a simple instruction appears — for example:
“Place 5 popsicles.”
Students drag colorful popsicle sticks from a draggable area onto a target board, just like they would stack or group physical objects. The idea is similar to tally marks — counting visually and interactively.
The goal: match the instruction by dragging and placing the correct number of popsicles.
The SVG assets were designed specifically for animation and interaction. Using GSAP effectively required careful SVG hygiene — including intentional grouping and stable element IDs — to keep interactions predictable and maintainable.
🌟 Live Demo
Due to copyright considerations, the live demo does not include all features of the app (audio, logo assets, and similar elements).