How anusaini-12/task-flow-pro works
TaskFlow Pro is a web task-management app. Users sign in, create and organize dated, prioritized tasks in Kanban or list views, then review productivity analytics and due-date notifications. The sampled server actions authenticate task operations and persist them through Drizzle; the tree and README also identify settings and dashboard capabilities. Some page-to-component and analytics/notification data wiring is not shown in the excerpts, so those links are left unspecified.
Main entry points: AuthForm.tsx Auth form · auth.ts Auth configuration · tasks.ts Task actions · index.ts Drizzle database client
Components 31
App experience
- Homepage
app/(marketing)/homepage/page.tsx - Login page
app/(auth)/login/page.tsx - Signup page
app/(auth)/signup/page.tsx - Auth form
app/components/auth/AuthForm.tsx - Dashboard
app/(dashboard)/dashboard/page.tsx - My tasks
app/(dashboard)/my-tasks/page.tsx - Settings
app/(dashboard)/settings/page.tsx
Authentication
- Auth client
app/lib/auth-client.ts - Auth endpoint
app/api/auth/[...all]/route.ts - Auth configuration
app/lib/auth.ts
Task workflow
- Kanban board
app/components/kanban/KanbanBoard.tsx - Task card
app/components/kanban/TaskCard.tsx - Task column
app/components/kanban/TaskColumn.tsx - Task editor
app/components/kanban/TaskModal.tsx - Task list
app/components/tasks/TaskListView.tsx - Task actions
app/lib/actions/tasks.ts - Task types
app/types/index.ts
Insights and alerts
- Analytics page
app/(dashboard)/analytics/page.tsx - Productivity stats
app/components/dashboard/ProductivityStats.tsx - Analytics logic
app/lib/analytics.ts - Notifications page
app/(dashboard)/notifications/page.tsx - Notification panel
app/components/notifications/NotificationPanel.tsx - Notification logic
app/lib/notifications.ts
Services and data
- Task improvement endpoint
app/api/ai/improve-task/route.ts - Gemini integration
app/lib/ai/gemini.ts - Drizzle database client
app/db/index.ts - Database schema
app/db/schema.ts
Other components
- User
- Google sign-in
- Google Gemini
- PostgreSQL
Connections 27
- User → Homepage: visits
- User → Login page: opens
- User → Signup page: opens
- Login page → Auth form: renders
- Signup page → Auth form: renders
- Auth form → Auth client: submits credentials
- Auth form → Auth client: starts Google sign-in
- Auth client → Auth endpoint: calls auth API
- Auth endpoint → Auth configuration: dispatches
- Auth configuration → Drizzle database client: uses adapter
- Auth configuration → Google sign-in: configures provider
- User → Dashboard: opens workspace
- User → My tasks: opens tasks
- User → Settings: opens settings
- User → Analytics page: opens insights
- User → Notifications page: opens alerts
- Task editor → Task actions: creates or updates
- Task editor → Task actions: deletes
- Kanban board → Task card: displays
- Kanban board → Task column: organizes
- Task editor → Task improvement endpoint: requests improvement
- Task improvement endpoint → Gemini integration: calls
- Gemini integration → Google Gemini: generates text
- Task actions → Auth configuration: checks session
- Task actions → Drizzle database client: reads and writes tasks
- Drizzle database client → Database schema: uses schema
- Drizzle database client → PostgreSQL: queries