create-varity-app 2.0.0-beta.11 → 2.0.0-beta.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-varity-app",
-  "version": "2.0.0-beta.11",
+  "version": "2.0.0-beta.13",
   "description": "Create production-ready apps with auth, database, and payments built in",
   "license": "MIT",
   "repository": {

package/template/next.config.js

@@ -3,6 +3,7 @@ const nextConfig = {
   output: 'export',
   images: { unoptimized: true },
   trailingSlash: true,
+  basePath: process.env.NEXT_PUBLIC_BASE_PATH || '',
   productionBrowserSourceMaps: false,
   webpack: (config, { isServer, dev }) => {
     // Suppress MetaMask SDK warning for @react-native-async-storage

package/template/src/app/dashboard/layout.tsx

@@ -113,8 +113,8 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
   // eslint-disable-next-line react-hooks/rules-of-hooks -- conditional on require() success, stable across renders
   const privy = usePrivyHook ? usePrivyHook() : { user: null, logout: async () => {} };
   const { user, logout } = privy;
-  const router = useRouter();
   const pathname = usePathname();
+  const router = useRouter();
   const isMobile = useIsMobile();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
@@ -154,7 +154,7 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
 
   const handleLogout = async () => {
     await logout();
-    window.location.href = '/';
+    router.push('/');
   };
 
   // Fallback layout when DashboardLayout from ui-kit isn't available
@@ -257,7 +257,6 @@ function DashboardShell({ children }: { children: React.ReactNode }) {
             name: userName,
             address: userEmail,
           }}
-          onNavigate={(path: string) => router.push(path)}
           onLogout={handleLogout}
           onNavigateToProfile={() => router.push('/dashboard/settings')}
           onNavigateToSettings={() => router.push('/dashboard/settings')}
@@ -289,7 +288,7 @@ export default function DashboardRootLayout({
       appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID}
       thirdwebClientId={process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID}
       loginMethods={['email', 'google']}
-      appearance={{ theme: 'light', accentColor: '#2563EB' }}
+      appearance={{ theme: 'light', accentColor: '#2563EB', logo: '/logo.svg' }}
     >
       <PrivyProtectedRoute fallback={<RedirectToLogin />}>
         <DashboardShell>{children}</DashboardShell>

package/template/src/app/dashboard/page.tsx

@@ -9,6 +9,7 @@ import { FolderKanban, ListTodo, Users, ArrowRight } from 'lucide-react';
 
 function QuickActions() {
   const router = useRouter();
+
   const actions = [
     {
       label: 'New Project',
@@ -137,6 +138,7 @@ function GettingStarted({
 }
 
 export default function DashboardPage() {
+  const router = useRouter();
   const { name } = useCurrentUser();
   const { data: projects, loading: projectsLoading, error: projectsError, refresh: refreshProjects } = useProjects();
   const { data: tasks, loading: tasksLoading, error: tasksError, refresh: refreshTasks } = useTasks();
@@ -161,14 +163,14 @@ export default function DashboardPage() {
         </p>
       </div>
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your data...</p>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load data. Please check your connection and try again.</p>
           <button
             onClick={() => { refreshProjects(); refreshTasks(); refreshTeam(); }}
-            className="text-sm font-medium text-amber-700 hover:text-amber-800 underline"
+            className="text-sm font-medium text-red-700 hover:text-red-800 underline"
           >
-            Refresh
+            Retry
           </button>
         </div>
       )}

package/template/src/app/dashboard/projects/page.tsx

@@ -606,10 +606,10 @@ export default function ProjectsPage() {
         </div>
       </Dialog>
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your projects...</p>
-          <button onClick={refresh} className="text-sm font-medium text-amber-700 hover:text-amber-800 underline">Refresh</button>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load projects. Please check your connection and try again.</p>
+          <button onClick={refresh} className="text-sm font-medium text-red-700 hover:text-red-800 underline">Retry</button>
         </div>
       )}
 

package/template/src/app/dashboard/tasks/page.tsx

@@ -258,10 +258,10 @@ export default function TasksPage() {
         )}
       </div>
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your tasks...</p>
-          <button onClick={refresh} className="text-sm font-medium text-amber-700 hover:text-amber-800 underline">Refresh</button>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load tasks. Please check your connection and try again.</p>
+          <button onClick={refresh} className="text-sm font-medium text-red-700 hover:text-red-800 underline">Retry</button>
         </div>
       )}
 

package/template/src/app/dashboard/team/page.tsx

@@ -246,10 +246,10 @@ export default function TeamPage() {
         loading={removeSubmitting}
       />
 
-      {error && !loading && (
-        <div className="flex items-center justify-between rounded-lg border border-amber-200 bg-amber-50 px-4 py-3">
-          <p className="text-sm text-amber-700">Syncing your team data...</p>
-          <button onClick={refresh} className="text-sm font-medium text-amber-700 hover:text-amber-800 underline">Refresh</button>
+      {error && (
+        <div className="flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-4 py-3">
+          <p className="text-sm text-red-700">Failed to load team data. Please check your connection and try again.</p>
+          <button onClick={refresh} className="text-sm font-medium text-red-700 hover:text-red-800 underline">Retry</button>
         </div>
       )}
 

package/template/src/app/layout.tsx

@@ -1,23 +1,20 @@
 import type { Metadata } from 'next';
 import { Providers } from '@/components/providers';
-import { APP_NAME } from '@/lib/constants';
 import './globals.css';
 
-const description = 'Built with Varity — auth, database, and deployment included.';
-
 export const metadata: Metadata = {
-  title: APP_NAME,
-  description,
-  metadataBase: new URL('https://varity.app'),
+  title: 'TaskFlow - Project Management',
+  description: 'Manage projects, track tasks, and collaborate with your team.',
+  metadataBase: new URL('https://example.com'),
   openGraph: {
-    title: APP_NAME,
-    description,
+    title: 'TaskFlow - Project Management',
+    description: 'Manage projects, track tasks, and collaborate with your team.',
     type: 'website',
   },
   twitter: {
     card: 'summary',
-    title: APP_NAME,
-    description,
+    title: 'TaskFlow - Project Management',
+    description: 'Manage projects, track tasks, and collaborate with your team.',
   },
 };
 

package/template/src/app/login/page.tsx

@@ -15,12 +15,6 @@ try {
   usePrivyHook = uiKit.usePrivy;
 } catch {}
 
-function loginButtonLabel(privy: { ready: boolean; authenticated: boolean }): string {
-  if (!privy.ready) return 'Loading...';
-  if (privy.authenticated) return 'Already Signed In';
-  return 'Sign In with Email or Social';
-}
-
 function LoginContent() {
   const router = useRouter();
   // eslint-disable-next-line react-hooks/rules-of-hooks -- conditional on require() success, stable across renders
@@ -61,7 +55,11 @@ function LoginContent() {
               disabled={!privy.ready || privy.authenticated}
               className="w-full px-6 py-3 bg-primary-600 hover:bg-primary-700 disabled:bg-gray-300 disabled:cursor-not-allowed text-white font-medium rounded-lg transition-colors shadow-sm"
             >
-              {loginButtonLabel(privy)}
+              {!privy.ready
+                ? 'Loading...'
+                : privy.authenticated
+                ? 'Already Signed In'
+                : 'Sign In with Email or Social'}
             </button>
           ) : (
             <div className="text-center space-y-4">
@@ -81,18 +79,20 @@ function LoginContent() {
 }
 
 export default function LoginPage() {
+  // Always wrap in PrivyStack - it uses dev credentials automatically when no appId is provided
   if (PrivyStackComponent) {
     return (
       <PrivyStackComponent
         appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID}
         thirdwebClientId={process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID}
         loginMethods={['email', 'google']}
-        appearance={{ theme: 'light', accentColor: '#2563EB' }}
+        appearance={{ theme: 'light', accentColor: '#2563EB', logo: '/logo.svg' }}
       >
         <LoginContent />
       </PrivyStackComponent>
     );
   }
 
+  // Fallback if ui-kit package isn't installed
   return <LoginContent />;
 }

package/template/src/app/not-found.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import Link from 'next/link';
 
 export default function NotFound() {

package/template/src/app/page.tsx

@@ -2,6 +2,7 @@ import { Navbar } from '@/components/shared/Navbar';
 import { Hero } from '@/components/landing/Hero';
 import { Features } from '@/components/landing/Features';
 import { HowItWorks } from '@/components/landing/HowItWorks';
+import { Testimonials } from '@/components/landing/Testimonials';
 import { Pricing } from '@/components/landing/Pricing';
 import { CTA } from '@/components/landing/CTA';
 import { Footer } from '@/components/shared/Footer';
@@ -13,7 +14,7 @@ export default function HomePage() {
       <Hero />
       <Features />
       <HowItWorks />
-
+      <Testimonials />
       <Pricing />
       <CTA />
       <Footer />

package/template/src/components/dashboard/RecentActivity.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import Link from 'next/link';
-import { DataTable, TaskStatusBadge, PriorityBadge } from '@varity-labs/ui-kit';
+import { DataTable } from '@varity-labs/ui-kit';
+import { TaskStatusBadge, PriorityBadge } from '@varity-labs/ui-kit';
 import { formatRelativeDate } from '@/lib/utils';
 import { ArrowRight } from 'lucide-react';
 import type { Task } from '@/types';

package/template/src/components/landing/Pricing.tsx

@@ -1,4 +1,3 @@
-import Link from 'next/link';
 import { Check } from 'lucide-react';
 
 const plans = [
@@ -53,12 +52,6 @@ const plans = [
   },
 ];
 
-function buttonStyle(plan: (typeof plans)[number]): string {
-  if (plan.popular) return 'bg-primary-600 text-white hover:bg-primary-700';
-  if (plan.price === 0) return 'bg-gray-100 text-gray-900 hover:bg-gray-200';
-  return 'bg-gray-900 text-white hover:bg-gray-800';
-}
-
 export function Pricing() {
   return (
     <section id="pricing" className="py-24 bg-white">
@@ -109,12 +102,18 @@ export function Pricing() {
               </ul>
 
               <div className="mt-8">
-                <Link
+                <a
                   href="/login"
-                  className={`block w-full rounded-lg py-3 text-center font-medium transition-colors ${buttonStyle(plan)}`}
+                  className={`block w-full rounded-lg py-3 text-center font-medium transition-colors ${
+                    plan.popular
+                      ? 'bg-primary-600 text-white hover:bg-primary-700'
+                      : plan.price === 0
+                        ? 'bg-gray-100 text-gray-900 hover:bg-gray-200'
+                        : 'bg-gray-900 text-white hover:bg-gray-800'
+                  }`}
                 >
                   {plan.cta}
-                </Link>
+                </a>
               </div>
             </div>
           ))}

package/template/src/components/shared/Navbar.tsx

@@ -46,6 +46,7 @@ export function Navbar() {
             >
               Get Started
             </Link>
+            {/* Mobile menu toggle */}
             <button
               onClick={() => setMobileOpen(!mobileOpen)}
               className="rounded-lg p-2 text-gray-600 hover:bg-gray-100 sm:hidden"
@@ -57,6 +58,7 @@ export function Navbar() {
         </div>
       </div>
 
+      {/* Mobile dropdown */}
       {mobileOpen && (
         <div className="border-t border-gray-100 bg-white px-4 pb-4 pt-2 sm:hidden">
           <div className="space-y-1">

package/template/src/lib/constants.ts

@@ -1,6 +1,6 @@
 import type { NavigationItem } from '@varity-labs/ui-kit';
 
-export const APP_NAME = 'My App';
+export const APP_NAME = 'TaskFlow';
 
 export const NAVIGATION_ITEMS: NavigationItem[] = [
   { label: 'Dashboard', icon: 'dashboard', path: '/dashboard' },

package/template/src/lib/hooks.ts

@@ -10,18 +10,6 @@ try {
   usePrivyHook = uiKit.usePrivy;
 } catch {}
 
-async function fetchWithRetry<T>(fn: () => Promise<T>, retries = 3, delay = 1500): Promise<T> {
-  for (let i = 0; i < retries; i++) {
-    try {
-      return await fn();
-    } catch (err) {
-      if (i === retries - 1) throw err;
-      await new Promise((r) => setTimeout(r, delay));
-    }
-  }
-  throw new Error('Unexpected');
-}
-
 export function useCurrentUser() {
   // eslint-disable-next-line react-hooks/rules-of-hooks -- conditional on require() success, stable across renders
   const privy = usePrivyHook ? usePrivyHook() : { user: null, authenticated: false, logout: async () => {} };
@@ -66,7 +54,7 @@ export function useProjects(): UseCollectionReturn<Project> {
     try {
       setLoading(true);
       setError(null);
-      const result = await fetchWithRetry(() => projects().get());
+      const result = await projects().get();
       setData(result as Project[]);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load projects');
@@ -138,7 +126,7 @@ export function useTasks(projectId?: string): UseCollectionReturn<Task> {
     try {
       setLoading(true);
       setError(null);
-      const result = await fetchWithRetry(() => tasks().get());
+      const result = await tasks().get();
       setAllTasks(result as Task[]);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load tasks');
@@ -214,7 +202,7 @@ export function useTeam(): UseCollectionReturn<TeamMember> {
     try {
       setLoading(true);
       setError(null);
-      const result = await fetchWithRetry(() => teamMembers().get());
+      const result = await teamMembers().get();
       setData(result as TeamMember[]);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to load team');
@@ -301,7 +289,7 @@ export function useUserSettings() {
     try {
       setLoading(true);
       setError(null);
-      const all = await fetchWithRetry(() => userSettings().get());
+      const all = await userSettings().get();
       const mine = (all as UserSettings[]).find((s) => s.user_id === userId);
       if (mine) {
         setSettings(mine);

package/template/src/services/dashboardService.ts

@@ -0,0 +1,589 @@
+/**
+ * Dashboard Service
+ *
+ * Centralized service for dashboard-related API calls.
+ * Provides type-safe interfaces and error handling.
+ */
+
+import type { Project, Task, TeamMember } from '@/types';
+
+// ============================================================================
+// Type Definitions
+// ============================================================================
+
+export interface KPIMetric {
+  title: string;
+  value: string | number;
+  change?: {
+    value: number;
+    period: string;
+  };
+  trend?: 'up' | 'down' | 'neutral';
+  sparklineData?: number[];
+}
+
+export interface KPIResponse {
+  kpis: KPIMetric[];
+  has_data: boolean;
+  last_updated: string;
+}
+
+export interface Activity {
+  id: string;
+  type: 'project_created' | 'task_completed' | 'member_added' | 'comment_added';
+  title: string;
+  description: string;
+  timestamp: string;
+  user?: {
+    name: string;
+    avatar?: string;
+  };
+  metadata?: Record<string, any>;
+}
+
+export interface ActivityResponse {
+  activities: Activity[];
+  total_count: number;
+  has_more: boolean;
+}
+
+export interface ProjectResponse {
+  projects: Project[];
+  total_count: number;
+  active_count: number;
+}
+
+export interface TaskResponse {
+  tasks: Task[];
+  total_count: number;
+  completed_count: number;
+  by_status: {
+    todo: number;
+    in_progress: number;
+    done: number;
+  };
+}
+
+export interface TeamMemberResponse {
+  members: TeamMember[];
+  total_count: number;
+  roles: {
+    owner: number;
+    admin: number;
+    member: number;
+    viewer: number;
+  };
+}
+
+export interface DashboardOverviewResponse {
+  kpis: KPIResponse;
+  recent_activity: Activity[];
+  projects_summary: {
+    active: number;
+    total: number;
+    recent: Project[];
+  };
+  tasks_summary: {
+    open: number;
+    completed: number;
+    completion_rate: number;
+  };
+  team_summary: {
+    total: number;
+    active: number;
+  };
+}
+
+// ============================================================================
+// Error Handling
+// ============================================================================
+
+export class DashboardServiceError extends Error {
+  constructor(
+    message: string,
+    public statusCode?: number,
+    public originalError?: Error
+  ) {
+    super(message);
+    this.name = 'DashboardServiceError';
+  }
+}
+
+async function handleResponse<T>(response: Response): Promise<T> {
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => 'Unknown error');
+    throw new DashboardServiceError(
+      `API request failed: ${response.statusText}`,
+      response.status,
+      new Error(errorText)
+    );
+  }
+
+  try {
+    return await response.json();
+  } catch (error) {
+    throw new DashboardServiceError(
+      'Failed to parse API response',
+      response.status,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+// ============================================================================
+// API Client
+// ============================================================================
+
+const API_BASE_URL = process.env.NEXT_PUBLIC_API_URL || '/api';
+
+/**
+ * Fetch dashboard KPIs
+ */
+export async function getKPIs(userId: string): Promise<KPIResponse> {
+  try {
+    const response = await fetch(
+      `${API_BASE_URL}/dashboard/kpis?userId=${encodeURIComponent(userId)}`,
+      {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        cache: 'no-store', // Always fetch fresh data
+      }
+    );
+
+    return await handleResponse<KPIResponse>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to fetch KPIs',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Fetch recent activity
+ */
+export async function getRecentActivity(
+  userId: string,
+  limit: number = 10
+): Promise<Activity[]> {
+  try {
+    const response = await fetch(
+      `${API_BASE_URL}/dashboard/activity?userId=${encodeURIComponent(userId)}&limit=${limit}`,
+      {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        cache: 'no-store',
+      }
+    );
+
+    const data = await handleResponse<ActivityResponse>(response);
+    return data.activities;
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to fetch recent activity',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Fetch all projects for a user
+ */
+export async function getProjects(userId: string): Promise<Project[]> {
+  try {
+    const response = await fetch(
+      `${API_BASE_URL}/projects?userId=${encodeURIComponent(userId)}`,
+      {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        cache: 'no-store',
+      }
+    );
+
+    const data = await handleResponse<ProjectResponse>(response);
+    return data.projects;
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to fetch projects',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Fetch tasks, optionally filtered by project
+ */
+export async function getTasks(
+  userId: string,
+  projectId?: string
+): Promise<Task[]> {
+  try {
+    const url = projectId
+      ? `${API_BASE_URL}/tasks?userId=${encodeURIComponent(userId)}&projectId=${encodeURIComponent(projectId)}`
+      : `${API_BASE_URL}/tasks?userId=${encodeURIComponent(userId)}`;
+
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      cache: 'no-store',
+    });
+
+    const data = await handleResponse<TaskResponse>(response);
+    return data.tasks;
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to fetch tasks',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Fetch team members
+ */
+export async function getTeamMembers(userId: string): Promise<TeamMember[]> {
+  try {
+    const response = await fetch(
+      `${API_BASE_URL}/team?userId=${encodeURIComponent(userId)}`,
+      {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        cache: 'no-store',
+      }
+    );
+
+    const data = await handleResponse<TeamMemberResponse>(response);
+    return data.members;
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to fetch team members',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Fetch complete dashboard overview
+ */
+export async function getDashboardOverview(
+  userId: string
+): Promise<DashboardOverviewResponse> {
+  try {
+    const response = await fetch(
+      `${API_BASE_URL}/dashboard/overview?userId=${encodeURIComponent(userId)}`,
+      {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        cache: 'no-store',
+      }
+    );
+
+    return await handleResponse<DashboardOverviewResponse>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to fetch dashboard overview',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Create a new project
+ */
+export async function createProject(
+  userId: string,
+  data: Omit<Project, 'id' | 'createdAt' | 'updatedAt'>
+): Promise<Project> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/projects`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ userId, ...data }),
+    });
+
+    return await handleResponse<Project>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to create project',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Update an existing project
+ */
+export async function updateProject(
+  projectId: string,
+  data: Partial<Project>
+): Promise<Project> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/projects/${projectId}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(data),
+    });
+
+    return await handleResponse<Project>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to update project',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Delete a project
+ */
+export async function deleteProject(projectId: string): Promise<void> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/projects/${projectId}`, {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+
+    if (!response.ok) {
+      throw new DashboardServiceError(
+        `Failed to delete project: ${response.statusText}`,
+        response.status
+      );
+    }
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to delete project',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Create a new task
+ */
+export async function createTask(
+  userId: string,
+  data: Omit<Task, 'id' | 'createdAt' | 'updatedAt'>
+): Promise<Task> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/tasks`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ userId, ...data }),
+    });
+
+    return await handleResponse<Task>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to create task',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Update an existing task
+ */
+export async function updateTask(
+  taskId: string,
+  data: Partial<Task>
+): Promise<Task> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/tasks/${taskId}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(data),
+    });
+
+    return await handleResponse<Task>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to update task',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Delete a task
+ */
+export async function deleteTask(taskId: string): Promise<void> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/tasks/${taskId}`, {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+
+    if (!response.ok) {
+      throw new DashboardServiceError(
+        `Failed to delete task: ${response.statusText}`,
+        response.status
+      );
+    }
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to delete task',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Invite a team member
+ */
+export async function inviteTeamMember(
+  userId: string,
+  email: string,
+  role: TeamMember['role']
+): Promise<TeamMember> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/team/invite`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ userId, email, role }),
+    });
+
+    return await handleResponse<TeamMember>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to invite team member',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Remove a team member
+ */
+export async function removeTeamMember(memberId: string): Promise<void> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/team/${memberId}`, {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+
+    if (!response.ok) {
+      throw new DashboardServiceError(
+        `Failed to remove team member: ${response.statusText}`,
+        response.status
+      );
+    }
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to remove team member',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}
+
+/**
+ * Update team member role
+ */
+export async function updateTeamMemberRole(
+  memberId: string,
+  role: TeamMember['role']
+): Promise<TeamMember> {
+  try {
+    const response = await fetch(`${API_BASE_URL}/team/${memberId}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ role }),
+    });
+
+    return await handleResponse<TeamMember>(response);
+  } catch (error) {
+    if (error instanceof DashboardServiceError) {
+      throw error;
+    }
+    throw new DashboardServiceError(
+      'Failed to update team member role',
+      undefined,
+      error instanceof Error ? error : undefined
+    );
+  }
+}