Created by: Hailey Ngo

Customized TODO List is a dynamic and interactive task list that allows users to personalize their task layout using movable shapes. Instead of the traditional list format, users can drag and arrange tasks visually by placing them in multiple shapes such as circles, squares, ... that match their workflow or mood. It’s a fun, flexible way to organize tasks that adapts to your style.

Try It Here!

• ✅ Drag & Drop Interaction – Allow users to move and arrange elements in the todo list that suits their workflow.
• ✅ Custom List Layout – Using multiple shapes and colors to organize tasks
• ✅ Flexible Shape Controls – Supports both individual and multi-shape manipulation, such as rotating, changing color, and toggling visibility elements within the layout.

• HTML
• CSS
• JavaScript

Here's example of implemented features:

GIF created with LICEcap