About DevTasks
DevTasks is a small demo project, a single-user task management tool, built to showcase my frontend engineering capabilities. It is not intended for real production use — instead, it highlights clean UI design, component architecture, state management, and interaction patterns such as drag-and-drop, dialogs, and client-side persistence.
Current Features
- Multiple workspaces and boards
- Full List CRUD — create, rename, delete, reorder
- Task CRUD with drag-and-drop between and within lists
- Tagging system with color-coded labels
- Board management dialog (rename board, manage lists)
- LocalStorage persistence
Planned Improvements
- Task descriptions and rich text
- Subtasks & comments
- Search and filtering per board
- Dark mode
- Undo / redo system
- Mobile-friendly DnD enhancements
Tech Stack
DevTasks is built with Next.js, React, TypeScript, Tailwind CSS, and dnd-kit for drag-and-drop interactions. UI components are built using shadcn/ui.