Skip to content

Commit ed43612

Browse files
claudeclaude
committed
feat: Add complete Vue 3 frontend with TailwindCSS
- Set up Vite + Vue 3 + TypeScript + TailwindCSS v3 - API layer: * Axios HTTP client with error handling * Type-safe API clients for boards, columns, cards, labels * Full CRUD operations for all entities - State management with Pinia: * boardStore with complete state management * Computed properties for cards by column * Error handling and loading states - Routing with Vue Router: * Boards list view * Individual board view with columns and cards - Components: * BoardsListView - displays all boards, create new boards * BoardView - displays columns and cards for a board * ColumnLane - displays cards in a column with WIP limit indicator * CardItem - displays card with labels, due dates, blocked status - Features: * Responsive design with Tailwind CSS * WIP limit visualization and warnings * Label color coding * Due date display with overdue indicators * Blocked card indicators * Clean, modern UI with proper loading and error states Frontend ready to run with: npm install && npm run dev
1 parent 51d7403 commit ed43612

29 files changed

Lines changed: 4853 additions & 0 deletions

‎frontend/taskdeck-web/.env‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
VITE_API_BASE_URL=http://localhost:5000/api

‎frontend/taskdeck-web/.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎frontend/taskdeck-web/.vscode/extensions.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"recommendations": ["Vue.volar"]
3+
}

‎frontend/taskdeck-web/README.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# Vue 3 + TypeScript + Vite
2+
3+
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
4+
5+
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

‎frontend/taskdeck-web/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>taskdeck-web</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.ts"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)