Learning Paths Showcase

Loading...

Learn Vibe Coding by building real projects. From beginner to expert, one challenge at a time.

Platform

Challenges
Learning Paths
Showcase

Community

GitHub
Projects

Legal

Privacy
Terms

© 2026 AI In Action. All rights reserved.

ChallengesTodo App Deluxe

#005BeginnerWeb

3-5 hours

Todo App Deluxe

Build an advanced todo application with categories, priority levels, drag-and-drop reordering, due dates, local storage persistence, and a beautiful UI with smooth animations.

cruddrag-and-droplocal-storagetodo

Objectives

Full CRUD operations for todos with categories
Drag-and-drop reordering between lists
Priority levels with color coding
Due date picker with overdue highlighting
Persist data to local storage

Hints

Use @dnd-kit for drag and drop
Structure todos by category in state
Use useEffect to sync with localStorage

Resources

dndkit.com
developer.mozilla.org/en-US/docs/Web/API/Window/localStorage