A Kanban-based project management tool built using Vue, Tailwind, and Pinia. Features multiple boards, columns within each board, tasks with subtasks, a dark mode switch, drag-and-drop functionality, and leverages Pinia store for project management and data persistence
Table of contents
Overview
The challenge
Users should be able to:
- View the optimal layout for the app depending on their device’s screen size
- See hover states for all interactive elements on the page
- Create, read, update, and delete boards and tasks
- Receive form validations when trying to create/edit boards and tasks
- Mark subtasks as complete and move tasks between columns
- Hide/show the board sidebar
- Toggle the theme between light/dark modes
- Keep track of any changes, even after refreshing the browser
Screenshot
Links
- Solution URL: FrontendMentor
- Live Site URL: Netlify
My process
Built with
- Vue 3
- Tailwind
Author
- Frontend Mentor - @UnTalPeluca
- Github - @UnTalPeluca