Tasky
Working
A modern Kanban board with smooth drag-and-drop and daily auto-reset. Built for fast, focused productivity.
Key Features
- Fluid Drag & Drop: Mobile-friendly task organization across columns powered by dnd-kit.
- Snapshot Mode: A specialized view that hides distractions to let users take clean screenshots of their progress for social media.
- Automated Workflows: Features daily auto-resetting tasks and clear visual indicators for task priorities (High, Medium, Low).
- Polished UI/UX: Fully responsive design with dark mode support, smooth animations via Motion React, and eye-catching gradient accents.
Challenges Faced
- Mobile Drag-and-Drop: Tuning the touch sensors in dnd-kit to prevent accidental scrolling while dragging items on mobile devices.
- Snapshot View Engineering: Managing UI state cleanly to instantly strip away navigation and controls when users trigger Snapshot Mode.
Key Learnings
- Advanced Interactions: Mastered building accessible, performant drag-and-drop interfaces using dnd-kit for both desktop and touch devices.
- State & Animation: Learned to seamlessly integrate Motion React with complex state changes to ensure smooth layout transitions during task movement.
- Client-Side Logic: Implemented logic for daily auto-resetting of tasks and relative time formatting using date-fns.