dariofavaron/taskflow-ai-smart-task-management
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>TaskFlow AI - Smart Task Management 🧠</title>7<link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script src="components/navbar.js"></script>12 <script src="components/task-card.js"></script>13 <script src="components/ai-assistant.js"></script>14 <script src="components/task-branch.js"></script>15</head>16<body class="bg-gray-50 min-h-screen">17 <custom-navbar></custom-navbar>18 19 <main class="container mx-auto px-4 py-8">20 <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">21 <!-- Task List Column -->22 <div class="lg:col-span-2 space-y-6">23 <div class="flex justify-between items-center">24 <h1 class="text-3xl font-bold text-gray-800">Your Tasks</h1>25 <button class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center">26 <i data-feather="plus" class="mr-2"></i>27 New Task28 </button>29 </div>30 31 <task-branch 32 title="Complete project proposal" 33 status="In Progress"34 description="Write the final draft of the client proposal including budget estimates"35 ></task-branch>36 37 <task-branch 38 title="Research AI integration options" 39 status="Planned"40 description="Evaluate different AI APIs for our application"41 ></task-branch>42 43 <task-branch 44 title="Team retrospective meeting" 45 status="Draft"46 description="Plan agenda and gather feedback points from last sprint"47 ></task-branch>48<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>49</body>50</html>