Drag-and-Drop Categorization — Visual/Photo Variant

What it does

• Photo tiles — each draggable item is a high-quality image card with an optional caption or name
• Drag-and-drop interaction — learners pull each image from a shared gallery and drop it into one of several labeled group zones
• Instant correctness feedback — correct drops settle into place with confirmation; wrong drops glide back to the gallery
• Group-zone styling — each category zone is clearly labeled with a name and optional flag, icon, or representative image
• Progress and completion — a discreet counter tracks remaining items and a finished state celebrates a fully correct grid
• Optional reveal text — once a tile lands correctly, a small fact or note can appear to deepen the lesson

Best use cases

• Cooking and food education — sort dishes into cuisines, ingredients into food groups, or techniques into methods
• Botany and gardening — classify plants by family, climate, or care need
• Art and design — group artworks by movement, palette, or composition style
• Travel and geography — sort photos of landmarks into countries or regions
• Fashion and style — classify outfits or pieces into aesthetics, eras, or occasions

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, gallery background, group zone colors, accent color, and feedback states; let photography lead while the chrome stays calm
• Fonts — two roles: a clean heading font for the prompt and group labels, and a refined body font for tile captions and instructions
• Copy — the prompt, group labels, tile captions or names, optional reveal facts, completion message
• Images — the photographs themselves are the largest customization; swap entirely to fit your niche
• Behavior — choose whether captions show before or after a correct drop, strict vs. forgiving feedback, and the number of groups