Kanban task management web app

Features

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
Allow users to drag and drop
- boards icon to re-order them in the Sidebar
- columns to re-order them in a board
- tasks to change their status and re-order them in a column
- subtasks to re-order them in the task detail modal
Keep track of any changes, even after refreshing the browser (use localStorage)
When creating/editing boards and tasks, show confirmation dialog before leaving the page

GIF

To get a local copy up and running follow these simple example steps.

Clone the repo

git clone https://github.com/yuna9068/kanban-task-management.git

Name		Name	Last commit message	Last commit date
Latest commit History 70 Commits
.github/workflows		.github/workflows
.vscode		.vscode
assets		assets
components		components
composables		composables
docs		docs
pages		pages
public		public
server		server
stores		stores
types		types
.gitignore		.gitignore
README.md		README.md
app.vue		app.vue
eslint.config.js		eslint.config.js
nuxt.config.ts		nuxt.config.ts
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json