diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..783a84f
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,64 @@
+# Claude Code Task Management Guide
+
+## Documentation Available
+
+📚 **Project Documentation**: Check the documentation files in this directory for project-specific setup instructions and guides.
+**Project Tasks**: Check the tasks directory in documentation/tasks for the list of tasks to be completed. Use the CLI commands below to interact with them.
+
+## MANDATORY Task Management Workflow
+
+🚨 **YOU MUST FOLLOW THIS EXACT WORKFLOW - NO EXCEPTIONS** 🚨
+
+### **STEP 1: DISCOVER TASKS (MANDATORY)**
+You MUST start by running this command to see all available tasks:
+```bash
+task-manager list-tasks
+```
+
+### **STEP 2: START EACH TASK (MANDATORY)**
+Before working on any task, you MUST mark it as started:
+```bash
+task-manager start-task <task_id>
+```
+
+### **STEP 3: COMPLETE OR CANCEL EACH TASK (MANDATORY)**
+After finishing implementation, you MUST mark the task as completed, or cancel if you cannot complete it:
+```bash
+task-manager complete-task <task_id> "Brief description of what was implemented"
+# or
+task-manager cancel-task <task_id> "Reason for cancellation"
+```
+
+## Task Files Location
+
+📁 **Task Data**: Your tasks are organized in the `documentation/tasks/` directory:
+- Task JSON files contain complete task information
+- Use ONLY the `task-manager` commands listed above
+- Follow the mandatory workflow sequence for each task
+
+## MANDATORY Task Workflow Sequence
+
+🔄 **For EACH individual task, you MUST follow this sequence:**
+
+1. 📋 **DISCOVER**: `task-manager list-tasks` (first time only)
+2. 🚀 **START**: `task-manager start-task <task_id>` (mark as in progress)
+3. 💻 **IMPLEMENT**: Do the actual coding/implementation work
+4. ✅ **COMPLETE**: `task-manager complete-task <task_id> "What was done"` (or cancel with `task-manager cancel-task <task_id> "Reason"`)
+5. 🔁 **REPEAT**: Go to next task (start from step 2)
+
+## Task Status Options
+
+- `pending` - Ready to work on
+- `in_progress` - Currently being worked on  
+- `completed` - Successfully finished
+- `blocked` - Cannot proceed (waiting for dependencies)
+- `cancelled` - No longer needed
+
+## CRITICAL WORKFLOW RULES
+
+❌ **NEVER skip** the `task-manager start-task` command
+❌ **NEVER skip** the `task-manager complete-task` command  (use `task-manager cancel-task` if a task is not planned, not required, or you must stop it)
+❌ **NEVER work on multiple tasks simultaneously**
+✅ **ALWAYS complete one task fully before starting the next**
+✅ **ALWAYS provide completion details in the complete command**
+✅ **ALWAYS follow the exact 3-step sequence: list → start → complete (or cancel if not required)**
\ No newline at end of file
diff --git a/app/api/finance/assets/[id]/route.ts b/app/api/finance/assets/[id]/route.ts
new file mode 100644
index 0000000..c91b924
--- /dev/null
+++ b/app/api/finance/assets/[id]/route.ts
@@ -0,0 +1,113 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { updateAssetSchema } from '@/lib/validations/finance';
+import { eq, and } from 'drizzle-orm';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const asset = await db
+            .select()
+            .from(finance.assets)
+            .where(and(
+                eq(finance.assets.id, id),
+                eq(finance.assets.userId, user.id)
+            ))
+            .limit(1);
+
+        if (asset.length === 0) {
+            return createErrorResponse('Asset not found', 404);
+        }
+
+        return createSuccessResponse(asset[0]);
+    } catch (error) {
+        console.error('Error fetching asset:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function PUT(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = updateAssetSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const updateData = { ...validationResult.data, updatedAt: new Date() };
+        
+        if (updateData.purchaseDate) {
+            updateData.purchaseDate = new Date(updateData.purchaseDate);
+        }
+
+        const updatedAsset = await db
+            .update(finance.assets)
+            .set(updateData)
+            .where(and(
+                eq(finance.assets.id, id),
+                eq(finance.assets.userId, user.id)
+            ))
+            .returning();
+
+        if (updatedAsset.length === 0) {
+            return createErrorResponse('Asset not found', 404);
+        }
+
+        return createSuccessResponse(updatedAsset[0]);
+    } catch (error) {
+        console.error('Error updating asset:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const deletedAsset = await db
+            .delete(finance.assets)
+            .where(and(
+                eq(finance.assets.id, id),
+                eq(finance.assets.userId, user.id)
+            ))
+            .returning();
+
+        if (deletedAsset.length === 0) {
+            return createErrorResponse('Asset not found', 404);
+        }
+
+        return createSuccessResponse({ message: 'Asset deleted successfully' });
+    } catch (error) {
+        console.error('Error deleting asset:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/assets/route.ts b/app/api/finance/assets/route.ts
new file mode 100644
index 0000000..021101e
--- /dev/null
+++ b/app/api/finance/assets/route.ts
@@ -0,0 +1,65 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { createAssetSchema } from '@/lib/validations/finance';
+import { eq } from 'drizzle-orm';
+
+export async function GET() {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const assets = await db
+            .select()
+            .from(finance.assets)
+            .where(eq(finance.assets.userId, user.id));
+
+        return createSuccessResponse(assets);
+    } catch (error) {
+        console.error('Error fetching assets:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = createAssetSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const { name, type, value, description, purchaseDate } = validationResult.data;
+
+        const newAsset = await db
+            .insert(finance.assets)
+            .values({
+                id: crypto.randomUUID(),
+                userId: user.id,
+                name,
+                type,
+                value,
+                description,
+                purchaseDate: purchaseDate ? new Date(purchaseDate) : null,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+            })
+            .returning();
+
+        return createSuccessResponse(newAsset[0], 201);
+    } catch (error) {
+        console.error('Error creating asset:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/expenses/[id]/route.ts b/app/api/finance/expenses/[id]/route.ts
new file mode 100644
index 0000000..9825809
--- /dev/null
+++ b/app/api/finance/expenses/[id]/route.ts
@@ -0,0 +1,113 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { updateExpenseSchema } from '@/lib/validations/finance';
+import { eq, and } from 'drizzle-orm';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const expense = await db
+            .select()
+            .from(finance.expenses)
+            .where(and(
+                eq(finance.expenses.id, id),
+                eq(finance.expenses.userId, user.id)
+            ))
+            .limit(1);
+
+        if (expense.length === 0) {
+            return createErrorResponse('Expense not found', 404);
+        }
+
+        return createSuccessResponse(expense[0]);
+    } catch (error) {
+        console.error('Error fetching expense:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function PUT(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = updateExpenseSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const updateData = { ...validationResult.data, updatedAt: new Date() };
+        
+        if (updateData.date) {
+            updateData.date = new Date(updateData.date);
+        }
+
+        const updatedExpense = await db
+            .update(finance.expenses)
+            .set(updateData)
+            .where(and(
+                eq(finance.expenses.id, id),
+                eq(finance.expenses.userId, user.id)
+            ))
+            .returning();
+
+        if (updatedExpense.length === 0) {
+            return createErrorResponse('Expense not found', 404);
+        }
+
+        return createSuccessResponse(updatedExpense[0]);
+    } catch (error) {
+        console.error('Error updating expense:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const deletedExpense = await db
+            .delete(finance.expenses)
+            .where(and(
+                eq(finance.expenses.id, id),
+                eq(finance.expenses.userId, user.id)
+            ))
+            .returning();
+
+        if (deletedExpense.length === 0) {
+            return createErrorResponse('Expense not found', 404);
+        }
+
+        return createSuccessResponse({ message: 'Expense deleted successfully' });
+    } catch (error) {
+        console.error('Error deleting expense:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/expenses/route.ts b/app/api/finance/expenses/route.ts
new file mode 100644
index 0000000..e586dd5
--- /dev/null
+++ b/app/api/finance/expenses/route.ts
@@ -0,0 +1,65 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { createExpenseSchema } from '@/lib/validations/finance';
+import { eq } from 'drizzle-orm';
+
+export async function GET() {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const expenses = await db
+            .select()
+            .from(finance.expenses)
+            .where(eq(finance.expenses.userId, user.id));
+
+        return createSuccessResponse(expenses);
+    } catch (error) {
+        console.error('Error fetching expenses:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = createExpenseSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const { title, amount, category, description, date, isRecurring } = validationResult.data;
+
+        const newExpense = await db
+            .insert(finance.expenses)
+            .values({
+                userId: user.id,
+                title,
+                amount,
+                category,
+                description,
+                date: new Date(date),
+                isRecurring: isRecurring || null,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+            })
+            .returning();
+
+        return createSuccessResponse(newExpense[0], 201);
+    } catch (error) {
+        console.error('Error creating expense:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/income/[id]/route.ts b/app/api/finance/income/[id]/route.ts
new file mode 100644
index 0000000..aa86b2b
--- /dev/null
+++ b/app/api/finance/income/[id]/route.ts
@@ -0,0 +1,113 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { updateIncomeSchema } from '@/lib/validations/finance';
+import { eq, and } from 'drizzle-orm';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const income = await db
+            .select()
+            .from(finance.income)
+            .where(and(
+                eq(finance.income.id, id),
+                eq(finance.income.userId, user.id)
+            ))
+            .limit(1);
+
+        if (income.length === 0) {
+            return createErrorResponse('Income not found', 404);
+        }
+
+        return createSuccessResponse(income[0]);
+    } catch (error) {
+        console.error('Error fetching income:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function PUT(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = updateIncomeSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const updateData = { ...validationResult.data, updatedAt: new Date() };
+        
+        if (updateData.date) {
+            updateData.date = new Date(updateData.date);
+        }
+
+        const updatedIncome = await db
+            .update(finance.income)
+            .set(updateData)
+            .where(and(
+                eq(finance.income.id, id),
+                eq(finance.income.userId, user.id)
+            ))
+            .returning();
+
+        if (updatedIncome.length === 0) {
+            return createErrorResponse('Income not found', 404);
+        }
+
+        return createSuccessResponse(updatedIncome[0]);
+    } catch (error) {
+        console.error('Error updating income:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const deletedIncome = await db
+            .delete(finance.income)
+            .where(and(
+                eq(finance.income.id, id),
+                eq(finance.income.userId, user.id)
+            ))
+            .returning();
+
+        if (deletedIncome.length === 0) {
+            return createErrorResponse('Income not found', 404);
+        }
+
+        return createSuccessResponse({ message: 'Income deleted successfully' });
+    } catch (error) {
+        console.error('Error deleting income:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/income/route.ts b/app/api/finance/income/route.ts
new file mode 100644
index 0000000..c6452c2
--- /dev/null
+++ b/app/api/finance/income/route.ts
@@ -0,0 +1,65 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { createIncomeSchema } from '@/lib/validations/finance';
+import { eq } from 'drizzle-orm';
+
+export async function GET() {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const income = await db
+            .select()
+            .from(finance.income)
+            .where(eq(finance.income.userId, user.id));
+
+        return createSuccessResponse(income);
+    } catch (error) {
+        console.error('Error fetching income:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = createIncomeSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const { title, amount, type, description, date, isRecurring } = validationResult.data;
+
+        const newIncome = await db
+            .insert(finance.income)
+            .values({
+                userId: user.id,
+                title,
+                amount,
+                type,
+                description,
+                date: new Date(date),
+                isRecurring: isRecurring || null,
+                createdAt: new Date(),
+                updatedAt: new Date(),
+            })
+            .returning();
+
+        return createSuccessResponse(newIncome[0], 201);
+    } catch (error) {
+        console.error('Error creating income:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/investments/[id]/route.ts b/app/api/finance/investments/[id]/route.ts
new file mode 100644
index 0000000..430b5de
--- /dev/null
+++ b/app/api/finance/investments/[id]/route.ts
@@ -0,0 +1,113 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { updateInvestmentSchema } from '@/lib/validations/finance';
+import { eq, and } from 'drizzle-orm';
+
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const investment = await db
+            .select()
+            .from(finance.investments)
+            .where(and(
+                eq(finance.investments.id, id),
+                eq(finance.investments.userId, user.id)
+            ))
+            .limit(1);
+
+        if (investment.length === 0) {
+            return createErrorResponse('Investment not found', 404);
+        }
+
+        return createSuccessResponse(investment[0]);
+    } catch (error) {
+        console.error('Error fetching investment:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function PUT(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = updateInvestmentSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const updateData = { ...validationResult.data, updatedAt: new Date() };
+        
+        if (updateData.purchaseDate) {
+            updateData.purchaseDate = new Date(updateData.purchaseDate);
+        }
+
+        const updatedInvestment = await db
+            .update(finance.investments)
+            .set(updateData)
+            .where(and(
+                eq(finance.investments.id, id),
+                eq(finance.investments.userId, user.id)
+            ))
+            .returning();
+
+        if (updatedInvestment.length === 0) {
+            return createErrorResponse('Investment not found', 404);
+        }
+
+        return createSuccessResponse(updatedInvestment[0]);
+    } catch (error) {
+        console.error('Error updating investment:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ id: string }> }
+) {
+    try {
+        const { id } = await params;
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const deletedInvestment = await db
+            .delete(finance.investments)
+            .where(and(
+                eq(finance.investments.id, id),
+                eq(finance.investments.userId, user.id)
+            ))
+            .returning();
+
+        if (deletedInvestment.length === 0) {
+            return createErrorResponse('Investment not found', 404);
+        }
+
+        return createSuccessResponse({ message: 'Investment deleted successfully' });
+    } catch (error) {
+        console.error('Error deleting investment:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/api/finance/investments/route.ts b/app/api/finance/investments/route.ts
new file mode 100644
index 0000000..1409c4c
--- /dev/null
+++ b/app/api/finance/investments/route.ts
@@ -0,0 +1,67 @@
+import { NextRequest } from 'next/server';
+import { db, finance } from '@/db';
+import { getAuthenticatedUser, createErrorResponse, createSuccessResponse } from '@/lib/auth-utils';
+import { createInvestmentSchema } from '@/lib/validations/finance';
+import { eq } from 'drizzle-orm';
+
+export async function GET() {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const investments = await db
+            .select()
+            .from(finance.investments)
+            .where(eq(finance.investments.userId, user.id));
+
+        return createSuccessResponse(investments);
+    } catch (error) {
+        console.error('Error fetching investments:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
+
+export async function POST(request: NextRequest) {
+    try {
+        const user = await getAuthenticatedUser();
+        if (!user) {
+            return createErrorResponse('Unauthorized', 401);
+        }
+
+        const body = await request.json();
+        const validationResult = createInvestmentSchema.safeParse(body);
+
+        if (!validationResult.success) {
+            return createErrorResponse(
+                validationResult.error.issues.map(e => e.message).join(', '),
+                400
+            );
+        }
+
+        const { name, type, symbol, quantity, purchasePrice, currentPrice, description, purchaseDate } = validationResult.data;
+
+        const newInvestment = await db
+            .insert(finance.investments)
+            .values({
+                userId: user.id,
+                name,
+                type,
+                symbol: symbol || null,
+                quantity,
+                purchasePrice,
+                currentPrice: currentPrice || null,
+                description,
+                purchaseDate: new Date(purchaseDate),
+                createdAt: new Date(),
+                updatedAt: new Date(),
+            })
+            .returning();
+
+        return createSuccessResponse(newInvestment[0], 201);
+    } catch (error) {
+        console.error('Error creating investment:', error);
+        return createErrorResponse('Internal server error', 500);
+    }
+}
\ No newline at end of file
diff --git a/app/dashboard/assets/page.tsx b/app/dashboard/assets/page.tsx
new file mode 100644
index 0000000..62c3a28
--- /dev/null
+++ b/app/dashboard/assets/page.tsx
@@ -0,0 +1,481 @@
+"use client";
+
+import { useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Plus, Edit, Trash2, Wallet, Home, Car, Banknote, AlertCircle, RefreshCw } from "lucide-react";
+import { ASSET_TYPES, Asset } from "@/lib/types/finance";
+import { useAssets } from "@/hooks/use-assets";
+
+
+const getAssetIcon = (type: string) => {
+  switch (type) {
+    case 'real_estate':
+      return <Home className="h-4 w-4" />;
+    case 'vehicle':
+      return <Car className="h-4 w-4" />;
+    case 'savings':
+    case 'cash':
+      return <Banknote className="h-4 w-4" />;
+    default:
+      return <Wallet className="h-4 w-4" />;
+  }
+};
+
+const getAssetTypeLabel = (type: string) => {
+  return ASSET_TYPES.find(t => t.value === type)?.label || type;
+};
+
+export default function AssetsPage() {
+  const { assets, isLoading, error, createAsset, updateAsset, deleteAsset, refetch } = useAssets();
+  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);
+  const [editingAsset, setEditingAsset] = useState<Asset | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [formData, setFormData] = useState({
+    name: "",
+    type: "",
+    value: "",
+    description: "",
+    purchaseDate: "",
+  });
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    
+    const data = {
+      name: formData.name,
+      type: formData.type,
+      value: parseFloat(formData.value),
+      description: formData.description || undefined,
+      purchaseDate: formData.purchaseDate || undefined,
+    };
+
+    try {
+      let success = false;
+      if (editingAsset) {
+        success = await updateAsset(editingAsset.id, {
+          name: data.name,
+          type: data.type as "real_estate" | "vehicle" | "cash" | "savings" | "other",
+          value: String(data.value) ,
+          description: data.description,
+          purchaseDate: data.purchaseDate,
+        });
+        if (success) {
+          setEditingAsset(null);
+        }
+      } else {
+        success = await createAsset({
+          name: data.name,
+          type: data.type as "real_estate" | "vehicle" | "cash" | "savings" | "other",
+          value: String(data.value),
+          description: data.description,
+          purchaseDate: data.purchaseDate,
+        });
+        if (success) {
+          setIsAddDialogOpen(false);
+        }
+      }
+
+      if (success) {
+        setFormData({ name: "", type: "", value: "", description: "", purchaseDate: "" });
+      }
+    } catch (err) {
+      // Error is handled by the hook
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleEdit = (asset: Asset) => {
+    setEditingAsset(asset);
+    setFormData({
+      name: asset.name,
+      type: asset.type,
+      value: asset.value.toString(),
+      description: asset.description || "",
+      purchaseDate: asset.purchaseDate ? new Date(asset.purchaseDate).toISOString().split('T')[0] : "",
+    });
+  };
+
+  const handleDelete = async (id: string) => {
+    if (window.confirm('Are you sure you want to delete this asset?')) {
+      await deleteAsset(id);
+    }
+  };
+
+  const totalValue = assets.reduce((sum, asset) => sum + Number(asset.value), 0);
+
+  if (error) {
+    return (
+      <div className="flex flex-1 flex-col gap-6 p-4 md:p-6">
+        <div className="flex flex-col gap-2">
+          <h1 className="text-3xl font-bold">Assets</h1>
+          <p className="text-muted-foreground">
+            Manage your assets and track their value over time
+          </p>
+        </div>
+        <Alert variant="destructive">
+          <AlertCircle className="h-4 w-4" />
+          <AlertDescription>
+            Error loading assets: {error}
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => refetch()}
+              className="ml-2"
+            >
+              <RefreshCw className="h-4 w-4 mr-1" />
+              Retry
+            </Button>
+          </AlertDescription>
+        </Alert>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-1 flex-col gap-6 p-4 md:p-6">
+      {/* Header */}
+      <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <h1 className="text-3xl font-bold">Assets</h1>
+          <p className="text-muted-foreground">
+            Manage your assets and track their value over time
+          </p>
+        </div>
+        <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
+          <DialogTrigger asChild>
+            <Button>
+              <Plus className="mr-2 h-4 w-4" />
+              Add Asset
+            </Button>
+          </DialogTrigger>
+          <DialogContent className="sm:max-w-md">
+            <DialogHeader>
+              <DialogTitle>Add New Asset</DialogTitle>
+              <DialogDescription>
+                Enter the details of your new asset.
+              </DialogDescription>
+            </DialogHeader>
+            <form onSubmit={handleSubmit} className="space-y-4">
+              <div>
+                <Label htmlFor="name">Name</Label>
+                <Input
+                  id="name"
+                  value={formData.name}
+                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                  placeholder="Asset name"
+                  required
+                />
+              </div>
+              
+              <div>
+                <Label htmlFor="type">Type</Label>
+                <Select value={formData.type} onValueChange={(value) => setFormData({ ...formData, type: value })}>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select asset type" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {ASSET_TYPES.map((type) => (
+                      <SelectItem key={type.value} value={type.value}>
+                        {type.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+
+              <div>
+                <Label htmlFor="value">Value</Label>
+                <Input
+                  id="value"
+                  type="number"
+                  step="0.01"
+                  value={formData.value}
+                  onChange={(e) => setFormData({ ...formData, value: e.target.value })}
+                  placeholder="0.00"
+                  required
+                />
+              </div>
+
+              <div>
+                <Label htmlFor="purchaseDate">Purchase Date (optional)</Label>
+                <Input
+                  id="purchaseDate"
+                  type="date"
+                  value={formData.purchaseDate}
+                  onChange={(e) => setFormData({ ...formData, purchaseDate: e.target.value })}
+                />
+              </div>
+
+              <div>
+                <Label htmlFor="description">Description (optional)</Label>
+                <Textarea
+                  id="description"
+                  value={formData.description}
+                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+                  placeholder="Additional details about this asset"
+                  rows={3}
+                />
+              </div>
+
+              <div className="flex justify-end space-x-2">
+                <Button 
+                  type="button" 
+                  variant="outline" 
+                  onClick={() => setIsAddDialogOpen(false)}
+                  disabled={isSubmitting}
+                >
+                  Cancel
+                </Button>
+                <Button type="submit" disabled={isSubmitting}>
+                  {isSubmitting ? "Adding..." : "Add Asset"}
+                </Button>
+              </div>
+            </form>
+          </DialogContent>
+        </Dialog>
+      </div>
+
+      {/* Summary Card */}
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <Wallet className="h-5 w-5" />
+            Total Asset Value
+          </CardTitle>
+          <CardDescription>
+            Combined value of all your tracked assets
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {isLoading ? (
+            <Skeleton className="h-12 w-32 mb-2" />
+          ) : (
+            <div className="text-3xl font-bold text-emerald-600">
+              ${totalValue.toLocaleString()}
+            </div>
+          )}
+          {isLoading ? (
+            <Skeleton className="h-4 w-24" />
+          ) : (
+            <p className="text-sm text-muted-foreground">
+              Across {assets.length} asset{assets.length !== 1 ? 's' : ''}
+            </p>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Assets Table */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Asset Portfolio</CardTitle>
+          <CardDescription>View and manage all your assets</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Asset</TableHead>
+                <TableHead>Type</TableHead>
+                <TableHead>Value</TableHead>
+                <TableHead>Purchase Date</TableHead>
+                <TableHead className="text-right">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {isLoading ? (
+                Array.from({ length: 3 }).map((_, i) => (
+                  <TableRow key={i}>
+                    <TableCell>
+                      <div className="flex items-center gap-2">
+                        <Skeleton className="h-4 w-4" />
+                        <div>
+                          <Skeleton className="h-4 w-32 mb-1" />
+                          <Skeleton className="h-3 w-20" />
+                        </div>
+                      </div>
+                    </TableCell>
+                    <TableCell>
+                      <Skeleton className="h-6 w-16" />
+                    </TableCell>
+                    <TableCell>
+                      <Skeleton className="h-4 w-20" />
+                    </TableCell>
+                    <TableCell>
+                      <Skeleton className="h-4 w-16" />
+                    </TableCell>
+                    <TableCell className="text-right">
+                      <div className="flex items-center justify-end gap-2">
+                        <Skeleton className="h-8 w-8" />
+                        <Skeleton className="h-8 w-8" />
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              ) : assets.length > 0 ? (
+                assets.map((asset) => (
+                  <TableRow key={asset.id}>
+                    <TableCell>
+                      <div className="flex items-center gap-2">
+                        {getAssetIcon(asset.type)}
+                        <div>
+                          <div className="font-medium">{asset.name}</div>
+                          {asset.description && (
+                            <div className="text-sm text-muted-foreground">
+                              {asset.description}
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                    </TableCell>
+                    <TableCell>
+                      <Badge variant="outline">
+                        {getAssetTypeLabel(asset.type)}
+                      </Badge>
+                    </TableCell>
+                    <TableCell className="font-medium">
+                      ${asset.value.toLocaleString()}
+                    </TableCell>
+                    <TableCell>
+                      {asset.purchaseDate 
+                        ? new Date(asset.purchaseDate).toLocaleDateString()
+                        : "—"
+                      }
+                    </TableCell>
+                    <TableCell className="text-right">
+                      <div className="flex items-center justify-end gap-2">
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          onClick={() => handleEdit(asset)}
+                        >
+                          <Edit className="h-4 w-4" />
+                        </Button>
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          onClick={() => handleDelete(asset.id)}
+                        >
+                          <Trash2 className="h-4 w-4" />
+                        </Button>
+                      </div>
+                    </TableCell>
+                  </TableRow>
+                ))
+              ) : (
+                <TableRow>
+                  <TableCell colSpan={5} className="text-center py-8">
+                    <div className="text-muted-foreground">
+                      No assets found. Add your first asset to get started.
+                    </div>
+                  </TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </CardContent>
+      </Card>
+
+      {/* Edit Dialog */}
+      {editingAsset && (
+        <Dialog open={!!editingAsset} onOpenChange={() => setEditingAsset(null)}>
+          <DialogContent className="sm:max-w-md">
+            <DialogHeader>
+              <DialogTitle>Edit Asset</DialogTitle>
+              <DialogDescription>
+                Update the details of your asset.
+              </DialogDescription>
+            </DialogHeader>
+            <form onSubmit={handleSubmit} className="space-y-4">
+              <div>
+                <Label htmlFor="edit-name">Name</Label>
+                <Input
+                  id="edit-name"
+                  value={formData.name}
+                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                  placeholder="Asset name"
+                  required
+                />
+              </div>
+              
+              <div>
+                <Label htmlFor="edit-type">Type</Label>
+                <Select value={formData.type} onValueChange={(value) => setFormData({ ...formData, type: value })}>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select asset type" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {ASSET_TYPES.map((type) => (
+                      <SelectItem key={type.value} value={type.value}>
+                        {type.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+
+              <div>
+                <Label htmlFor="edit-value">Value</Label>
+                <Input
+                  id="edit-value"
+                  type="number"
+                  step="0.01"
+                  value={formData.value}
+                  onChange={(e) => setFormData({ ...formData, value: e.target.value })}
+                  placeholder="0.00"
+                  required
+                />
+              </div>
+
+              <div>
+                <Label htmlFor="edit-purchaseDate">Purchase Date (optional)</Label>
+                <Input
+                  id="edit-purchaseDate"
+                  type="date"
+                  value={formData.purchaseDate}
+                  onChange={(e) => setFormData({ ...formData, purchaseDate: e.target.value })}
+                />
+              </div>
+
+              <div>
+                <Label htmlFor="edit-description">Description (optional)</Label>
+                <Textarea
+                  id="edit-description"
+                  value={formData.description}
+                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+                  placeholder="Additional details about this asset"
+                  rows={3}
+                />
+              </div>
+
+              <div className="flex justify-end space-x-2">
+                <Button 
+                  type="button" 
+                  variant="outline" 
+                  onClick={() => setEditingAsset(null)}
+                  disabled={isSubmitting}
+                >
+                  Cancel
+                </Button>
+                <Button type="submit" disabled={isSubmitting}>
+                  {isSubmitting ? "Updating..." : "Update Asset"}
+                </Button>
+              </div>
+            </form>
+          </DialogContent>
+        </Dialog>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index d1765ef..e0c85d4 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -1,18 +1,294 @@
-import { ChartAreaInteractive } from "@//components/chart-area-interactive"
-import { DataTable } from "@//components/data-table"
-import { SectionCards } from "@//components/section-cards"
-import data from "@/app/dashboard/data.json"
+"use client";
 
-export default function Page() {
-  return (
-    <div className="@container/main flex flex-1 flex-col gap-2">
-      <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
-        <SectionCards />
-        <div className="px-4 lg:px-6">
-          <ChartAreaInteractive />
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  DollarSign,
+  TrendingUp,
+  CreditCard,
+  Target,
+  Plus,
+  ArrowUpRight,
+  ArrowDownRight,
+  RefreshCw,
+  AlertCircle,
+} from "lucide-react";
+import Link from "next/link";
+import { ChartAreaInteractive } from "@/components/chart-area-interactive";
+import { useFinanceSummary, useFinanceData } from "@/hooks/use-finance-data";
+
+export default function DashboardPage() {
+  const { totalAssets, totalInvestments, monthlyExpenses, monthlyIncome, netWorth, isLoading: summaryLoading, error: summaryError } = useFinanceSummary();
+  const { data: financeData, isLoading: dataLoading, error: dataError, refetch } = useFinanceData();
+
+  const isLoading = summaryLoading || dataLoading;
+  const error = summaryError || dataError;
+
+  // Get recent transactions from expenses and income (last 5)
+  const recentTransactions = [
+    ...financeData.expenses.slice(-3).map(expense => ({
+      id: `expense-${expense.id}`,
+      title: expense.description || 'Expense',
+      amount: -expense.amount,
+      category: expense.category,
+      date: new Date(expense.date).toLocaleDateString(),
+    })),
+    ...financeData.income.slice(-2).map(income => ({
+      id: `income-${income.id}`,
+      title: income.description || income.source,
+      amount: income.amount,
+      category: income.source,
+      date: new Date(income.date).toLocaleDateString(),
+    }))
+  ].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()).slice(0, 5);
+
+  if (error) {
+    return (
+      <div className="flex flex-1 flex-col gap-6 p-4 md:p-6">
+        <div className="flex flex-col gap-2">
+          <h1 className="text-3xl font-bold">Financial Overview</h1>
+          <p className="text-muted-foreground">
+            Track your financial health and make informed decisions
+          </p>
         </div>
-        <DataTable data={data} />
+        <Alert variant="destructive">
+          <AlertCircle className="h-4 w-4" />
+          <AlertDescription>
+            Error loading financial data: {error}
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => refetch()}
+              className="ml-2"
+            >
+              <RefreshCw className="h-4 w-4 mr-1" />
+              Retry
+            </Button>
+          </AlertDescription>
+        </Alert>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-1 flex-col gap-6 p-4 md:p-6">
+      {/* Header */}
+      <div className="flex flex-col gap-2">
+        <h1 className="text-3xl font-bold">Financial Overview</h1>
+        <p className="text-muted-foreground">
+          Track your financial health and make informed decisions
+        </p>
+      </div>
+
+      {/* Summary Cards */}
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Total Assets</CardTitle>
+            <DollarSign className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            {isLoading ? (
+              <Skeleton className="h-8 w-24 mb-2" />
+            ) : (
+              <div className="text-2xl font-bold">${totalAssets.toLocaleString()}</div>
+            )}
+            <p className="text-xs text-muted-foreground">
+              Real estate, vehicles, savings
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Investments</CardTitle>
+            <TrendingUp className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            {isLoading ? (
+              <Skeleton className="h-8 w-24 mb-2" />
+            ) : (
+              <div className="text-2xl font-bold">${totalInvestments.toLocaleString()}</div>
+            )}
+            <p className="text-xs text-muted-foreground">
+              Stocks, bonds, crypto
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Monthly Expenses</CardTitle>
+            <CreditCard className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            {isLoading ? (
+              <Skeleton className="h-8 w-24 mb-2" />
+            ) : (
+              <div className="text-2xl font-bold">${monthlyExpenses.toLocaleString()}</div>
+            )}
+            <p className="text-xs text-muted-foreground">
+              This month's spending
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Monthly Income</CardTitle>
+            <Target className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            {isLoading ? (
+              <Skeleton className="h-8 w-24 mb-2" />
+            ) : (
+              <div className="text-2xl font-bold">${monthlyIncome.toLocaleString()}</div>
+            )}
+            <p className="text-xs text-muted-foreground">
+              This month's earnings
+            </p>
+          </CardContent>
+        </Card>
       </div>
+
+      {/* Net Worth and Chart */}
+      <div className="grid gap-4 md:grid-cols-2">
+        <Card>
+          <CardHeader>
+            <CardTitle>Net Worth</CardTitle>
+            <CardDescription>Your total financial position</CardDescription>
+          </CardHeader>
+          <CardContent>
+            {isLoading ? (
+              <Skeleton className="h-12 w-32 mb-4" />
+            ) : (
+              <div className="text-3xl font-bold text-emerald-600">
+                ${netWorth.toLocaleString()}
+              </div>
+            )}
+            <div className="mt-4 space-y-2">
+              <div className="flex justify-between text-sm">
+                <span>Assets</span>
+                {isLoading ? (
+                  <Skeleton className="h-4 w-16" />
+                ) : (
+                  <span className="font-medium">${totalAssets.toLocaleString()}</span>
+                )}
+              </div>
+              <div className="flex justify-between text-sm">
+                <span>Investments</span>
+                {isLoading ? (
+                  <Skeleton className="h-4 w-16" />
+                ) : (
+                  <span className="font-medium">${totalInvestments.toLocaleString()}</span>
+                )}
+              </div>
+              <div className="flex justify-between text-sm text-muted-foreground border-t pt-2">
+                <span>Total Net Worth</span>
+                {isLoading ? (
+                  <Skeleton className="h-4 w-16" />
+                ) : (
+                  <span className="font-medium">${netWorth.toLocaleString()}</span>
+                )}
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Financial Trends</CardTitle>
+            <CardDescription>Track your financial progress over time</CardDescription>
+          </CardHeader>
+          <CardContent className="pl-2">
+            <ChartAreaInteractive />
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Quick Actions */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Quick Actions</CardTitle>
+          <CardDescription>Add new financial data</CardDescription>
+        </CardHeader>
+        <CardContent className="flex flex-wrap gap-2">
+          <Button asChild variant="outline" size="sm">
+            <Link href="/dashboard/assets?action=add">
+              <Plus className="mr-2 h-4 w-4" />
+              Add Asset
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="sm">
+            <Link href="/dashboard/investments?action=add">
+              <Plus className="mr-2 h-4 w-4" />
+              Add Investment
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="sm">
+            <Link href="/dashboard/expenses?action=add">
+              <Plus className="mr-2 h-4 w-4" />
+              Add Expense
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="sm">
+            <Link href="/dashboard/income?action=add">
+              <Plus className="mr-2 h-4 w-4" />
+              Add Income
+            </Link>
+          </Button>
+        </CardContent>
+      </Card>
+
+      {/* Recent Transactions */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Recent Activity</CardTitle>
+          <CardDescription>Your latest financial transactions</CardDescription>
+        </CardHeader>
+        <CardContent>
+          {isLoading ? (
+            <div className="space-y-3">
+              {Array.from({ length: 3 }).map((_, i) => (
+                <div key={i} className="flex items-center justify-between">
+                  <div className="flex flex-col gap-2">
+                    <Skeleton className="h-4 w-32" />
+                    <Skeleton className="h-3 w-20" />
+                  </div>
+                  <div className="flex items-center gap-2">
+                    <Skeleton className="h-3 w-16" />
+                    <Skeleton className="h-6 w-16" />
+                  </div>
+                </div>
+              ))}
+            </div>
+          ) : recentTransactions.length > 0 ? (
+            <div className="space-y-3">
+              {recentTransactions.map((transaction) => (
+                <div key={transaction.id} className="flex items-center justify-between">
+                  <div className="flex flex-col">
+                    <span className="font-medium">{transaction.title}</span>
+                    <span className="text-sm text-muted-foreground">{transaction.category}</span>
+                  </div>
+                  <div className="flex items-center gap-2">
+                    <span className="text-sm text-muted-foreground">{transaction.date}</span>
+                    <Badge variant={transaction.amount > 0 ? "default" : "secondary"}>
+                      {transaction.amount > 0 ? "+" : ""}${Math.abs(transaction.amount).toLocaleString()}
+                    </Badge>
+                  </div>
+                </div>
+              ))}
+            </div>
+          ) : (
+            <div className="text-center py-4 text-muted-foreground">
+              No recent transactions found. Start by adding some expenses or income.
+            </div>
+          )}
+        </CardContent>
+      </Card>
     </div>
-  )
+  );
 }
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index c783e79..4cc58d7 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono, Parkinsans } from "next/font/google";
 import { ThemeProvider } from "@/components/theme-provider";
+import { AuthProvider } from "@/components/auth-provider";
 import "./globals.css";
 
 const geistSans = Geist({
@@ -40,7 +41,9 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          {children}
+          <AuthProvider>
+            {children}
+          </AuthProvider>
         </ThemeProvider>
       </body>
     </html>
diff --git a/app/page.tsx b/app/page.tsx
index e7ebec9..a167df4 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,21 +3,21 @@
 import { Card } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import {
-  Code,
-  Database,
+  DollarSign,
+  TrendingUp,
+  Wallet,
+  PieChart,
   Shield,
-  Zap,
-  Globe,
-  Palette,
-  Package,
+  BarChart3,
+  Target,
+  CreditCard,
 } from "lucide-react";
 import { ThemeToggle } from "@/components/theme-toggle";
 import { AuthButtons, HeroAuthButtons } from "@/components/auth-buttons";
-import Image from "next/image";
 
 export default function Home() {
   return (
-    <div className="min-h-screen bg-gradient-to-br from-indigo-50 via-white to-cyan-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
+    <div className="min-h-screen bg-gradient-to-br from-emerald-50 via-white to-blue-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
       {/* Hero Section */}
       <div className="text-center py-12 sm:py-16 relative px-4">
         <div className="absolute top-4 right-4 sm:top-6 sm:right-6">
@@ -28,147 +28,137 @@ export default function Home() {
         </div>
 
         <div className="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 mb-4">
-          <Image
-            src="/codeguide-logo.png"
-            alt="CodeGuide Logo"
-            width={50}
-            height={50}
-            className="rounded-xl sm:w-[60px] sm:h-[60px]"
-          />
-          <h1 className="text-3xl sm:text-4xl lg:text-5xl font-bold bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400 bg-clip-text text-transparent font-parkinsans">
-            CodeGuide Starter
+          <div className="w-12 h-12 sm:w-16 sm:h-16 rounded-xl bg-gradient-to-br from-emerald-500 to-blue-600 flex items-center justify-center">
+            <DollarSign className="w-6 h-6 sm:w-8 sm:h-8 text-white" />
+          </div>
+          <h1 className="text-3xl sm:text-4xl lg:text-5xl font-bold bg-gradient-to-r from-emerald-600 via-blue-600 to-purple-600 bg-clip-text text-transparent">
+            Claude Finance
           </h1>
         </div>
         <p className="text-lg sm:text-xl text-muted-foreground max-w-2xl mx-auto px-4 mb-8">
-          A modern full-stack TypeScript starter with authentication, database, and UI components
+          Take control of your financial future with intelligent tracking, insightful analytics, and personalized recommendations
         </p>
         
         <HeroAuthButtons />
       </div>
 
       <main className="container mx-auto px-4 sm:px-6 pb-12 sm:pb-8 max-w-5xl">
-        {/* Project Overview */}
+        {/* Features Overview */}
         <div className="text-center mb-8">
-          <div className="text-4xl sm:text-5xl mb-2">🚀</div>
-          <div className="font-bold text-lg sm:text-xl mb-2">Modern Full-Stack Starter</div>
+          <div className="text-4xl sm:text-5xl mb-2">💰</div>
+          <div className="font-bold text-lg sm:text-xl mb-2">Complete Financial Management</div>
           <div className="text-sm sm:text-base text-muted-foreground max-w-2xl mx-auto">
-            This project includes everything you need to build a modern web application with TypeScript, 
-            authentication, database integration, and a beautiful UI component library.
+            Track your assets, monitor investments, manage expenses, and optimize your income all in one place.
+            Make informed financial decisions with powerful insights and analytics.
           </div>
         </div>
 
-        {/* Tech Stack Grid */}
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-8">
-          {/* Frontend */}
-          <Card className="p-4 sm:p-6 bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/10 dark:to-indigo-900/10 border-blue-200/50 dark:border-blue-700/30">
+        {/* Feature Cards */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-12">
+          {/* Asset Tracking */}
+          <Card className="p-4 sm:p-6 bg-gradient-to-br from-emerald-50 to-green-50 dark:from-emerald-900/10 dark:to-green-900/10 border-emerald-200/50 dark:border-emerald-700/30 hover:shadow-lg transition-shadow">
             <div className="flex items-center gap-3 mb-3">
-              <Globe className="w-6 h-6 text-blue-600 dark:text-blue-400" />
-              <h3 className="font-semibold text-lg">Frontend</h3>
+              <Wallet className="w-8 h-8 text-emerald-600 dark:text-emerald-400" />
+              <h3 className="font-semibold text-lg">Asset Tracking</h3>
             </div>
-            <ul className="space-y-2 text-sm text-muted-foreground">
-              <li>• <strong>Next.js 15</strong> - React framework with App Router</li>
-              <li>• <strong>React 19</strong> - Latest React with concurrent features</li>
-              <li>• <strong>TypeScript</strong> - Type-safe development</li>
-              <li>• <strong>Turbopack</strong> - Fast bundling and dev server</li>
-            </ul>
+            <p className="text-sm text-muted-foreground">
+              Track real estate, vehicles, savings, and other assets. Monitor your net worth growth over time.
+            </p>
           </Card>
 
-          {/* UI & Styling */}
-          <Card className="p-4 sm:p-6 bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/10 dark:to-pink-900/10 border-purple-200/50 dark:border-purple-700/30">
+          {/* Investment Monitoring */}
+          <Card className="p-4 sm:p-6 bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/10 dark:to-indigo-900/10 border-blue-200/50 dark:border-blue-700/30 hover:shadow-lg transition-shadow">
             <div className="flex items-center gap-3 mb-3">
-              <Palette className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-              <h3 className="font-semibold text-lg">UI & Styling</h3>
+              <TrendingUp className="w-8 h-8 text-blue-600 dark:text-blue-400" />
+              <h3 className="font-semibold text-lg">Investments</h3>
             </div>
-            <ul className="space-y-2 text-sm text-muted-foreground">
-              <li>• <strong>Tailwind CSS 4</strong> - Utility-first CSS framework</li>
-              <li>• <strong>Radix UI</strong> - Accessible component primitives</li>
-              <li>• <strong>Lucide Icons</strong> - Beautiful icon library</li>
-              <li>• <strong>Dark Mode</strong> - Built-in theme switching</li>
-            </ul>
+            <p className="text-sm text-muted-foreground">
+              Monitor stocks, bonds, crypto, and other investments. Track performance and calculate gains.
+            </p>
           </Card>
 
-          {/* Authentication */}
-          <Card className="p-4 sm:p-6 bg-gradient-to-br from-green-50 to-emerald-50 dark:from-green-900/10 dark:to-emerald-900/10 border-green-200/50 dark:border-green-700/30">
+          {/* Expense Management */}
+          <Card className="p-4 sm:p-6 bg-gradient-to-br from-red-50 to-pink-50 dark:from-red-900/10 dark:to-pink-900/10 border-red-200/50 dark:border-red-700/30 hover:shadow-lg transition-shadow">
             <div className="flex items-center gap-3 mb-3">
-              <Shield className="w-6 h-6 text-green-600 dark:text-green-400" />
-              <h3 className="font-semibold text-lg">Authentication</h3>
+              <CreditCard className="w-8 h-8 text-red-600 dark:text-red-400" />
+              <h3 className="font-semibold text-lg">Expenses</h3>
             </div>
-            <ul className="space-y-2 text-sm text-muted-foreground">
-              <li>• <strong>Better Auth</strong> - Modern auth solution</li>
-              <li>• <strong>Session Management</strong> - Secure user sessions</li>
-              <li>• <strong>Type Safety</strong> - Fully typed auth hooks</li>
-              <li>• <strong>Multiple Providers</strong> - Social login support</li>
-            </ul>
+            <p className="text-sm text-muted-foreground">
+              Categorize and track expenses. Set budgets and identify spending patterns to save money.
+            </p>
           </Card>
 
-          {/* Database */}
-          <Card className="p-4 sm:p-6 bg-gradient-to-br from-cyan-50 to-blue-50 dark:from-cyan-900/10 dark:to-blue-900/10 border-cyan-200/50 dark:border-cyan-700/30">
+          {/* Income Tracking */}
+          <Card className="p-4 sm:p-6 bg-gradient-to-br from-purple-50 to-violet-50 dark:from-purple-900/10 dark:to-violet-900/10 border-purple-200/50 dark:border-purple-700/30 hover:shadow-lg transition-shadow">
             <div className="flex items-center gap-3 mb-3">
-              <Database className="w-6 h-6 text-cyan-600 dark:text-cyan-400" />
-              <h3 className="font-semibold text-lg">Database</h3>
+              <Target className="w-8 h-8 text-purple-600 dark:text-purple-400" />
+              <h3 className="font-semibold text-lg">Income</h3>
             </div>
-            <ul className="space-y-2 text-sm text-muted-foreground">
-              <li>• <strong>PostgreSQL</strong> - Robust relational database</li>
-              <li>• <strong>Drizzle ORM</strong> - Type-safe database toolkit</li>
-              <li>• <strong>Docker Setup</strong> - Containerized development</li>
-              <li>• <strong>Migrations</strong> - Schema version control</li>
-            </ul>
+            <p className="text-sm text-muted-foreground">
+              Track salary, freelance, business, and passive income streams. Optimize your earning potential.
+            </p>
           </Card>
+        </div>
 
-          {/* Development */}
-          <Card className="p-4 sm:p-6 bg-gradient-to-br from-orange-50 to-red-50 dark:from-orange-900/10 dark:to-red-900/10 border-orange-200/50 dark:border-orange-700/30">
-            <div className="flex items-center gap-3 mb-3">
-              <Code className="w-6 h-6 text-orange-600 dark:text-orange-400" />
-              <h3 className="font-semibold text-lg">Development</h3>
+        {/* Key Features */}
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+          <Card className="p-6 bg-gradient-to-br from-slate-50 to-gray-50 dark:from-slate-900/50 dark:to-gray-900/50">
+            <div className="flex items-center gap-3 mb-4">
+              <PieChart className="w-6 h-6 text-emerald-600" />
+              <h3 className="font-bold text-xl">Smart Analytics</h3>
             </div>
             <ul className="space-y-2 text-sm text-muted-foreground">
-              <li>• <strong>ESLint</strong> - Code linting and formatting</li>
-              <li>• <strong>Hot Reload</strong> - Instant development feedback</li>
-              <li>• <strong>Docker</strong> - Consistent dev environment</li>
-              <li>• <strong>npm Scripts</strong> - Automated workflows</li>
+              <li>• Visual dashboards with interactive charts</li>
+              <li>• Monthly and yearly financial reports</li>
+              <li>• Spending pattern analysis</li>
+              <li>• Investment performance tracking</li>
             </ul>
           </Card>
 
-          {/* Components */}
-          <Card className="p-4 sm:p-6 bg-gradient-to-br from-indigo-50 to-purple-50 dark:from-indigo-900/10 dark:to-purple-900/10 border-indigo-200/50 dark:border-indigo-700/30">
-            <div className="flex items-center gap-3 mb-3">
-              <Package className="w-6 h-6 text-indigo-600 dark:text-indigo-400" />
-              <h3 className="font-semibold text-lg">Components</h3>
+          <Card className="p-6 bg-gradient-to-br from-slate-50 to-gray-50 dark:from-slate-900/50 dark:to-gray-900/50">
+            <div className="flex items-center gap-3 mb-4">
+              <Shield className="w-6 h-6 text-blue-600" />
+              <h3 className="font-bold text-xl">Secure & Private</h3>
             </div>
             <ul className="space-y-2 text-sm text-muted-foreground">
-              <li>• <strong>Form Handling</strong> - React Hook Form + Zod</li>
-              <li>• <strong>Data Visualization</strong> - Recharts integration</li>
-              <li>• <strong>Date Pickers</strong> - Beautiful date components</li>
-              <li>• <strong>Notifications</strong> - Toast and alert systems</li>
+              <li>• Bank-level security encryption</li>
+              <li>• Your data stays private and secure</li>
+              <li>• Multi-factor authentication</li>
+              <li>• Regular security audits</li>
             </ul>
           </Card>
         </div>
 
-        {/* Getting Started */}
-        <Card className="p-6 bg-gradient-to-r from-slate-50 to-gray-50 dark:from-slate-900/50 dark:to-gray-900/50">
-          <h3 className="font-bold text-xl mb-4 flex items-center gap-2">
-            <Zap className="w-5 h-5 text-yellow-500" />
-            Quick Start
-          </h3>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            <div>
-              <h4 className="font-semibold mb-2">Development</h4>
-              <div className="bg-black/5 dark:bg-white/5 rounded-lg p-3 font-mono text-sm">
-                <div>npm install</div>
-                <div>npm run db:dev</div>
-                <div>npm run dev</div>
-              </div>
+        {/* Testimonials */}
+        <Card className="p-8 bg-gradient-to-r from-emerald-50 via-blue-50 to-purple-50 dark:from-emerald-900/10 dark:via-blue-900/10 dark:to-purple-900/10 mb-8">
+          <h3 className="font-bold text-2xl text-center mb-6">What Our Users Say</h3>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            <div className="text-center">
+              <div className="text-lg mb-2">"Claude Finance transformed how I manage my money. The insights are incredible!"</div>
+              <div className="text-sm text-muted-foreground">- Sarah M., Financial Advisor</div>
             </div>
-            <div>
-              <h4 className="font-semibold mb-2">Production</h4>
-              <div className="bg-black/5 dark:bg-white/5 rounded-lg p-3 font-mono text-sm">
-                <div>npm run build</div>
-                <div>npm run start</div>
-                <div>npm run docker:up</div>
-              </div>
+            <div className="text-center">
+              <div className="text-lg mb-2">"Finally, a finance app that's both powerful and easy to use. Highly recommended!"</div>
+              <div className="text-sm text-muted-foreground">- Michael R., Entrepreneur</div>
             </div>
           </div>
         </Card>
+
+        {/* Call to Action */}
+        <Card className="p-8 text-center bg-gradient-to-r from-emerald-500 to-blue-600 text-white">
+          <h3 className="font-bold text-2xl mb-4">Ready to Take Control of Your Finances?</h3>
+          <p className="text-lg mb-6 opacity-90">
+            Join thousands of users who have transformed their financial lives with Claude Finance.
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <Button asChild size="lg" variant="secondary" className="text-base px-8 py-3">
+              <a href="/sign-up">Start Free Trial</a>
+            </Button>
+            <Button asChild size="lg" variant="outline" className="text-base px-8 py-3 bg-white/10 hover:bg-white/20 border-white/30">
+              <a href="/sign-in">Sign In</a>
+            </Button>
+          </div>
+        </Card>
       </main>
     </div>
   );
diff --git a/app/sign-in/page.tsx b/app/sign-in/page.tsx
index a6512b0..018785c 100644
--- a/app/sign-in/page.tsx
+++ b/app/sign-in/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { useState } from "react";
-import { useRouter } from "next/navigation";
+import { useState, useEffect } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -17,6 +17,8 @@ export default function SignInPage() {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState("");
     const router = useRouter();
+    const searchParams = useSearchParams();
+    const redirectTo = searchParams.get('redirect') || '/dashboard';
 
     const handleSubmit = async (e: React.FormEvent) => {
         e.preventDefault();
@@ -32,7 +34,7 @@ export default function SignInPage() {
             if (result.error) {
                 setError(result.error.message || "Sign in failed");
             } else {
-                router.push("/dashboard");
+                router.push(redirectTo);
             }
         } catch (err) {
             setError("An unexpected error occurred");
diff --git a/app/sign-up/page.tsx b/app/sign-up/page.tsx
index ccf3148..948dacc 100644
--- a/app/sign-up/page.tsx
+++ b/app/sign-up/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { useRouter } from "next/navigation";
+import { useRouter, useSearchParams } from "next/navigation";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -36,6 +36,8 @@ export default function SignUpPage() {
     const [showPassword, setShowPassword] = useState(false);
     const [showConfirmPassword, setShowConfirmPassword] = useState(false);
     const router = useRouter();
+    const searchParams = useSearchParams();
+    const redirectTo = searchParams.get('redirect') || '/dashboard';
 
     const form = useForm<SignUpForm>({
         resolver: zodResolver(signUpSchema),
@@ -61,7 +63,7 @@ export default function SignUpPage() {
             if (result.error) {
                 setError(result.error.message || "Sign up failed");
             } else {
-                router.push("/dashboard");
+                router.push(redirectTo);
             }
         } catch (err) {
             setError("An unexpected error occurred");
diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index 42d379d..737d5dc 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -5,20 +5,16 @@ import Link from "next/link"
 import Image from "next/image"
 import { useSession } from "@/lib/auth-client"
 import {
-  IconCamera,
-  IconChartBar,
   IconDashboard,
-  IconDatabase,
-  IconFileAi,
-  IconFileDescription,
-  IconFileWord,
-  IconFolder,
   IconHelp,
-  IconListDetails,
-  IconReport,
   IconSearch,
   IconSettings,
-  IconUsers,
+  IconWallet,
+  IconTrendingUp,
+  IconCreditCard,
+  IconTarget,
+  IconChartPie,
+  IconPlus,
 } from "@tabler/icons-react"
 
 import { NavDocuments } from "@/components/nav-documents"
@@ -38,111 +34,118 @@ import {
 const staticData = {
   navMain: [
     {
-      title: "Dashboard",
-      url: "#",
+      title: "Overview",
+      url: "/dashboard",
       icon: IconDashboard,
     },
     {
-      title: "Lifecycle",
-      url: "#",
-      icon: IconListDetails,
+      title: "Assets",
+      url: "/dashboard/assets",
+      icon: IconWallet,
     },
     {
-      title: "Analytics",
-      url: "#",
-      icon: IconChartBar,
+      title: "Investments",
+      url: "/dashboard/investments",
+      icon: IconTrendingUp,
     },
     {
-      title: "Projects",
-      url: "#",
-      icon: IconFolder,
+      title: "Expenses",
+      url: "/dashboard/expenses",
+      icon: IconCreditCard,
     },
     {
-      title: "Team",
-      url: "#",
-      icon: IconUsers,
+      title: "Income",
+      url: "/dashboard/income",
+      icon: IconTarget,
     },
   ],
-  navClouds: [
+  navQuickActions: [
     {
-      title: "Capture",
-      icon: IconCamera,
-      isActive: true,
-      url: "#",
+      name: "Add Asset",
+      title: "Add Asset",
+      icon: IconWallet,
+      url: "/dashboard/assets?action=add",
       items: [
         {
-          title: "Active Proposals",
-          url: "#",
+          title: "Real Estate",
+          url: "/dashboard/assets?action=add&type=real_estate",
         },
         {
-          title: "Archived",
-          url: "#",
+          title: "Vehicle",
+          url: "/dashboard/assets?action=add&type=vehicle",
+        },
+        {
+          title: "Savings",
+          url: "/dashboard/assets?action=add&type=savings",
         },
       ],
     },
     {
-      title: "Proposal",
-      icon: IconFileDescription,
-      url: "#",
+      name: "Add Investment",
+      title: "Add Investment",
+      icon: IconTrendingUp,
+      url: "/dashboard/investments?action=add",
       items: [
         {
-          title: "Active Proposals",
-          url: "#",
+          title: "Stocks",
+          url: "/dashboard/investments?action=add&type=stocks",
+        },
+        {
+          title: "Crypto",
+          url: "/dashboard/investments?action=add&type=crypto",
         },
         {
-          title: "Archived",
-          url: "#",
+          title: "ETF",
+          url: "/dashboard/investments?action=add&type=etf",
         },
       ],
     },
     {
-      title: "Prompts",
-      icon: IconFileAi,
-      url: "#",
+      name: "Add Expense",
+      title: "Add Expense",
+      icon: IconCreditCard,
+      url: "/dashboard/expenses?action=add",
       items: [
         {
-          title: "Active Proposals",
-          url: "#",
+          title: "Housing",
+          url: "/dashboard/expenses?action=add&category=housing",
+        },
+        {
+          title: "Food",
+          url: "/dashboard/expenses?action=add&category=food",
         },
         {
-          title: "Archived",
-          url: "#",
+          title: "Transportation",
+          url: "/dashboard/expenses?action=add&category=transportation",
         },
       ],
     },
   ],
   navSecondary: [
     {
+      name: "Settings",
       title: "Settings",
-      url: "#",
+      url: "/dashboard/settings",
       icon: IconSettings,
     },
     {
+      name: "Get Help",
       title: "Get Help",
       url: "#",
       icon: IconHelp,
     },
     {
+      name: "Search",
       title: "Search",
       url: "#",
       icon: IconSearch,
     },
   ],
-  documents: [
+  reports: [
     {
-      name: "Data Library",
-      url: "#",
-      icon: IconDatabase,
-    },
-    {
-      name: "Reports",
-      url: "#",
-      icon: IconReport,
-    },
-    {
-      name: "Word Assistant",
-      url: "#",
-      icon: IconFileWord,
+      name: "Analytics",
+      url: "/dashboard/analytics",
+      icon: IconChartPie,
     },
   ],
 }
@@ -170,8 +173,10 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
               className="data-[slot=sidebar-menu-button]:!p-1.5"
             >
               <Link href="/">
-                <Image src="/codeguide-logo.png" alt="CodeGuide" width={32} height={32} className="rounded-lg" />
-                <span className="text-base font-semibold font-parkinsans">CodeGuide</span>
+                <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-emerald-500 to-blue-600 flex items-center justify-center">
+                  <IconWallet className="w-5 h-5 text-white" />
+                </div>
+                <span className="text-base font-semibold">Claude Finance</span>
               </Link>
             </SidebarMenuButton>
           </SidebarMenuItem>
@@ -179,7 +184,8 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
       </SidebarHeader>
       <SidebarContent>
         <NavMain items={staticData.navMain} />
-        <NavDocuments items={staticData.documents} />
+        <NavDocuments items={staticData.navQuickActions} />
+        <NavDocuments items={staticData.reports} />
         <NavSecondary items={staticData.navSecondary} className="mt-auto" />
       </SidebarContent>
       <SidebarFooter>
diff --git a/components/auth-loading.tsx b/components/auth-loading.tsx
new file mode 100644
index 0000000..f53d4ce
--- /dev/null
+++ b/components/auth-loading.tsx
@@ -0,0 +1,12 @@
+import { Loader2 } from "lucide-react";
+
+export function AuthLoading() {
+  return (
+    <div className="min-h-screen flex items-center justify-center">
+      <div className="flex flex-col items-center gap-4">
+        <Loader2 className="h-8 w-8 animate-spin" />
+        <p className="text-muted-foreground">Checking authentication...</p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/auth-provider.tsx b/components/auth-provider.tsx
new file mode 100644
index 0000000..f9cf1c6
--- /dev/null
+++ b/components/auth-provider.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { createContext, useContext, useEffect, ReactNode } from 'react';
+import { useRouter, usePathname } from 'next/navigation';
+import { useSession } from '@/lib/auth-client';
+
+interface AuthContextType {
+  isLoading: boolean;
+  isAuthenticated: boolean;
+  user: any | null;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+interface AuthProviderProps {
+  children: ReactNode;
+}
+
+export function AuthProvider({ children }: AuthProviderProps) {
+  const { data: session, isPending } = useSession();
+  const router = useRouter();
+  const pathname = usePathname();
+
+  const isAuthenticated = !!session?.user;
+  const isAuthRoute = pathname === '/sign-in' || pathname === '/sign-up';
+
+  useEffect(() => {
+    // Don't do anything while session is loading
+    if (isPending) return;
+
+    // If user is authenticated but on auth pages, redirect to dashboard
+    if (isAuthenticated && isAuthRoute) {
+      router.push('/dashboard');
+      return;
+    }
+  }, [isAuthenticated, isAuthRoute, router, isPending]);
+
+  return (
+    <AuthContext.Provider 
+      value={{
+        isLoading: isPending,
+        isAuthenticated,
+        user: session?.user || null,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export function useAuth() {
+  const context = useContext(AuthContext);
+  if (context === undefined) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+}
\ No newline at end of file
diff --git a/components/nav-user.tsx b/components/nav-user.tsx
index 8e1947c..1066b8a 100644
--- a/components/nav-user.tsx
+++ b/components/nav-user.tsx
@@ -49,7 +49,7 @@ export function NavUser({
     setIsSigningOut(true)
     try {
       await signOut()
-      router.push("/")
+      router.push("/sign-in")
     } catch (error) {
       console.error("Sign out error:", error)
     } finally {
diff --git a/components/site-header.tsx b/components/site-header.tsx
index 3d0eb7c..b0e8e78 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -11,7 +11,7 @@ export function SiteHeader() {
           orientation="vertical"
           className="mx-2 data-[orientation=vertical]:h-4"
         />
-        <h1 className="text-base font-medium">Dashboard</h1>
+        <h1 className="text-base font-medium">Claude Finance</h1>
       </div>
     </header>
   )
diff --git a/db/index.ts b/db/index.ts
index 51d837f..36cf064 100644
--- a/db/index.ts
+++ b/db/index.ts
@@ -1,4 +1,9 @@
-import 'dotenv/config';
 import { drizzle } from 'drizzle-orm/node-postgres';
+import * as auth from './schema/auth';
+import * as finance from './schema/finance';
 
-export const db = drizzle(process.env.DATABASE_URL!);
\ No newline at end of file
+export const db = drizzle(process.env.DATABASE_URL!, {
+  schema: { ...auth, ...finance }
+});
+
+export { auth, finance };
\ No newline at end of file
diff --git a/db/schema/finance.ts b/db/schema/finance.ts
new file mode 100644
index 0000000..8a61d40
--- /dev/null
+++ b/db/schema/finance.ts
@@ -0,0 +1,130 @@
+import { pgTable, text, timestamp, decimal, pgEnum } from "drizzle-orm/pg-core";
+import { user } from "./auth";
+import { sql } from "drizzle-orm";
+
+export const assetTypeEnum = pgEnum("asset_type", [
+    "real_estate",
+    "vehicle",
+    "cash",
+    "savings",
+    "other"
+]);
+
+export const investmentTypeEnum = pgEnum("investment_type", [
+    "stocks",
+    "bonds",
+    "crypto",
+    "mutual_funds",
+    "etf",
+    "commodities",
+    "other"
+]);
+
+export const expenseCategoryEnum = pgEnum("expense_category", [
+    "housing",
+    "transportation",
+    "food",
+    "utilities",
+    "insurance",
+    "healthcare",
+    "entertainment",
+    "education",
+    "clothing",
+    "personal_care",
+    "debt_payments",
+    "taxes",
+    "savings",
+    "other"
+]);
+
+export const incomeTypeEnum = pgEnum("income_type", [
+    "salary",
+    "freelance",
+    "business",
+    "investments",
+    "rental",
+    "pension",
+    "benefits",
+    "other"
+]);
+
+export const assets = pgTable("assets", {
+    id: text("id").primaryKey().default(sql`gen_random_uuid()`),
+    userId: text("user_id")
+        .notNull()
+        .references(() => user.id, { onDelete: "cascade" }),
+    name: text("name").notNull(),
+    type: assetTypeEnum("type").notNull(),
+    value: decimal("value", { precision: 12, scale: 2 }).notNull(),
+    description: text("description"),
+    purchaseDate: timestamp("purchase_date"),
+    createdAt: timestamp("created_at")
+        .$defaultFn(() => new Date())
+        .notNull(),
+    updatedAt: timestamp("updated_at")
+        .$defaultFn(() => new Date())
+        .notNull()
+        .$onUpdate(() => new Date()),
+});
+
+export const investments = pgTable("investments", {
+    id: text("id").primaryKey().default(sql`gen_random_uuid()`),
+    userId: text("user_id")
+        .notNull()
+        .references(() => user.id, { onDelete: "cascade" }),
+    name: text("name").notNull(),
+    type: investmentTypeEnum("type").notNull(),
+    symbol: text("symbol"),
+    quantity: decimal("quantity", { precision: 12, scale: 4 }).notNull(),
+    purchasePrice: decimal("purchase_price", { precision: 12, scale: 2 }).notNull(),
+    currentPrice: decimal("current_price", { precision: 12, scale: 2 }),
+    description: text("description"),
+    purchaseDate: timestamp("purchase_date").notNull(),
+    createdAt: timestamp("created_at")
+        .$defaultFn(() => new Date())
+        .notNull(),
+    updatedAt: timestamp("updated_at")
+        .$defaultFn(() => new Date())
+        .notNull()
+        .$onUpdate(() => new Date()),
+});
+
+export const expenses = pgTable("expenses", {
+    id: text("id").primaryKey().default(sql`gen_random_uuid()`),
+    userId: text("user_id")
+        .notNull()
+        .references(() => user.id, { onDelete: "cascade" }),
+    title: text("title").notNull(),
+    amount: decimal("amount", { precision: 12, scale: 2 }).notNull(),
+    category: expenseCategoryEnum("category").notNull(),
+    description: text("description"),
+    date: timestamp("date").notNull(),
+    isRecurring: text("is_recurring").$type<"monthly" | "weekly" | "yearly" | null>(),
+    createdAt: timestamp("created_at")
+        .$defaultFn(() => new Date())
+        .notNull(),
+    updatedAt: timestamp("updated_at")
+        .$defaultFn(() => new Date())
+        .notNull()
+        .$onUpdate(() => new Date()),
+});
+
+export const income = pgTable("income", {
+    id: text("id").primaryKey().default(sql`gen_random_uuid()`),
+    userId: text("user_id")
+        .notNull()
+        .references(() => user.id, { onDelete: "cascade" }),
+    title: text("title").notNull(),
+    amount: decimal("amount", { precision: 12, scale: 2 }).notNull(),
+    type: incomeTypeEnum("type").notNull(),
+    description: text("description"),
+    date: timestamp("date").notNull(),
+    isRecurring: text("is_recurring").$type<"monthly" | "weekly" | "yearly" | null>(),
+    createdAt: timestamp("created_at")
+        .$defaultFn(() => new Date())
+        .notNull(),
+    updatedAt: timestamp("updated_at")
+        .$defaultFn(() => new Date())
+        .notNull()
+        .$onUpdate(() => new Date()),
+});
\ No newline at end of file
diff --git a/documentation/app_flow_document.md b/documentation/app_flow_document.md
new file mode 100644
index 0000000..1916d04
--- /dev/null
+++ b/documentation/app_flow_document.md
@@ -0,0 +1,41 @@
+# App Flow Document
+
+## Onboarding and Sign-In/Sign-Up
+
+When a new visitor arrives at the application’s root URL, they land on a welcome page that offers clear buttons or links to either create an account or sign in. Clicking on the “Sign Up” link takes the visitor to a registration page where they enter their email address and choose a password. Once they submit the form, the application sends a POST request to the authentication API endpoint, which handles password hashing and user creation. If registration succeeds, the new user is automatically signed in and redirected to the dashboard. If there are validation errors, such as a password that is too short or an email already in use, the form reappears with inline messages explaining what must be corrected.
+
+For returning users, clicking the “Sign In” link from the welcome page or from a persistent header link opens the login form. They input their email and password, and upon submission the app sends a request to the same authentication API with login credentials. A successful login leads directly to the dashboard. If the credentials are invalid, the page reloads with a clear error message prompting the user to try again.
+
+Signing out is available from within the dashboard via a logout button in the main navigation or header. When clicked, the application clears the user’s session or token, and then navigates back to the welcome page. Currently, there is no built-in password recovery or reset flow in this version, so users who forget their password are prompted to contact support for assistance.
+
+## Main Dashboard or Home Page
+
+After authentication, the user lands on the dashboard, which serves as the main home page. The dashboard is wrapped in a layout that displays a header bar and a sidebar navigation tailored for logged-in users. The header bar typically shows the application’s logo on the left and a Logout link on the right. The sidebar sits on the left side of the screen and may contain links back to the dashboard’s main panel or to future features.
+
+The central area of the dashboard page displays data pulled from a static JSON file. This content might appear in cards or tables to give users a quick overview of information. All styling for this section comes from a dedicated theme stylesheet to keep the look consistent. Users can click items or links here, but those actions are placeholders for future dynamic data features.
+
+From this dashboard view, users may revisit the welcome page or any other main area by selecting navigation items in the sidebar or header. The layout ensures that the logout link remains accessible at all times, and that the user cannot leave the authenticated area without signing out manually or having their session expire.
+
+## Detailed Feature Flows and Page Transitions
+
+When a visitor lands on the root page, JavaScript on the client reads the route and displays either the welcome interface or automatically redirects them to the dashboard if a valid session exists. For new user registration, the user clicks the Sign Up link and is taken to the sign-up page. The sign-up form collects email and password fields, and on submission it triggers a client-side POST to the API route. Once the API responds with success, the client redirects the user to the dashboard page.
+
+Returning users choose the Sign In link and arrive at the sign-in page, which offers the same fields as the sign-up page but is wired to authenticate rather than create a new account. On form submit, the user sees a loading indication until the API confirms valid credentials. If successful, the client pushes the dashboard route and loads the dashboard layout and content.
+
+All authenticated pages reside under the `/dashboard` path. When the user attempts to navigate directly to `/dashboard` without a valid session, server-side redirection logic intercepts the request and sends the user back to the sign-in page. This ensures that protected content never shows to unauthorized visitors.
+
+Signing out happens entirely on the client side by calling an API or clearing a cookie, then navigating back to the welcome page. The client code listens for the logout action, invalidates the current session, and then reloads or reroutes the application state to the landing interface.
+
+## Settings and Account Management
+
+At present, users cannot change profile information, update their email, or configure notifications from within the interface. The only account management available is the ability to sign out from any dashboard view. In future iterations, a dedicated settings page could be added to let users update personal details or adjust preferences, but in this version, those capabilities are not provided. After signing out, users always return to the welcome page and must sign in again to regain access to the dashboard.
+
+## Error States and Alternate Paths
+
+If a user types an incorrect email or password on the sign-in page, the authentication API responds with an error status and a message. The form then displays an inline alert near the input fields explaining the issue, such as “Invalid email or password,” allowing the user to correct and resubmit. During sign up, validation errors like a missing field or weak password appear immediately under the relevant input.
+
+Network failures trigger a generic error notification at the top of the form, informing the user that the request could not be completed and advising them to check their connection. If the dashboard content fails to load due to a broken or missing static data file, a fallback message appears in the main panel stating that data could not be loaded and suggesting a page refresh. Trying to access a protected route without a session sends the user to the sign-in page automatically, making it clear that authentication is required.
+
+## Conclusion and Overall App Journey
+
+A typical user journey starts with visiting the application’s root URL, signing up with an email and password, then being welcomed in the dashboard area that displays sample data. Returning users go directly through the sign-in page to the dashboard. Throughout each step, clear messages guide the user in case of errors or invalid input. The layout remains consistent, with a header and navigation ensuring that users always know where they are and can sign out at any time. This flow lays the foundation for adding dynamic data, user profile management, and richer features in future releases.
\ No newline at end of file
diff --git a/documentation/app_flowchart.md b/documentation/app_flowchart.md
new file mode 100644
index 0000000..8460af1
--- /dev/null
+++ b/documentation/app_flowchart.md
@@ -0,0 +1,14 @@
+flowchart TD
+  Start[Landing Page]
+  SignUpPage[Sign Up Page]
+  SignInPage[Sign In Page]
+  AuthAPI[Authentication API Endpoint]
+  DashboardPage[Dashboard Page]
+  Start -->|Select Sign Up| SignUpPage
+  Start -->|Select Sign In| SignInPage
+  SignUpPage -->|Submit Credentials| AuthAPI
+  SignInPage -->|Submit Credentials| AuthAPI
+  AuthAPI -->|Success| DashboardPage
+  AuthAPI -->|Error| SignUpPage
+  AuthAPI -->|Error| SignInPage
+  DashboardPage -->|Click Logout| Start
\ No newline at end of file
diff --git a/documentation/backend_structure_document.md b/documentation/backend_structure_document.md
new file mode 100644
index 0000000..1ea043b
--- /dev/null
+++ b/documentation/backend_structure_document.md
@@ -0,0 +1,179 @@
+# Backend Structure Document
+
+This document outlines the backend architecture, hosting, and infrastructure for the **codeguide-starter** project. It uses plain language so anyone can understand how the backend is set up and how it supports the application.
+
+## 1. Backend Architecture
+
+- **Framework and Design Pattern**
+  - We use **Next.js API Routes** to handle all server-side logic. These routes live alongside the frontend code in the same repository, making development and deployment simpler.
+  - The backend follows a **layered pattern**:
+    1. **API Layer**: Receives requests (login, registration, data fetch).  
+    2. **Service Layer**: Contains the core business logic (user validation, password hashing).  
+    3. **Data Access Layer**: Talks to the database via a simple ORM (e.g., Prisma or TypeORM).
+
+- **Scalability**
+  - Stateless API routes can scale horizontally—new instances can spin up on demand.  
+  - We can add caching or a message queue (e.g., Redis or RabbitMQ) without changing the core code.
+
+- **Maintainability**
+  - Code for each feature is grouped by route (authentication, dashboard).  
+  - A service layer separates complex logic from request handling.
+
+- **Performance**
+  - Lightweight Node.js handlers keep response times low.  
+  - Future use of database connection pooling and Redis for caching repeated queries.
+
+## 2. Database Management
+
+- **Database Choice**
+  - We recommend **PostgreSQL** for structured data and reliable transactions.  
+  - In-memory caching can be added later with **Redis** for session tokens or frequently read data.
+
+- **Data Storage and Access**
+  - Use an ORM like **Prisma** or **TypeORM** to map JavaScript/TypeScript objects to database tables.
+  - Connection pooling ensures efficient use of database connections under load.
+  - Migrations track schema changes over time, keeping development, staging, and production in sync.
+
+- **Data Practices**
+  - Passwords are never stored in plain text—they are salted and hashed with **bcrypt** before saving.
+  - All outgoing data is typed and validated to prevent malformed records.
+
+## 3. Database Schema
+
+### Human-Readable Format
+
+- **Users**
+  - **id**: Unique identifier  
+  - **email**: User’s email address (unique)  
+  - **password_hash**: Securely hashed password  
+  - **created_at**: Account creation timestamp
+
+- **Sessions**
+  - **id**: Unique session record  
+  - **user_id**: Links to a user  
+  - **token**: Random string for authentication  
+  - **expires_at**: When the token stops working  
+  - **created_at**: When the session was created
+
+- **DashboardItems** *(optional for dynamic data)*
+  - **id**: Unique record  
+  - **title**: Item title  
+  - **content**: Item details  
+  - **created_at**: When the item was added
+
+### SQL Schema (PostgreSQL)
+```sql
+-- Users table
+CREATE TABLE users (
+  id SERIAL PRIMARY KEY,
+  email VARCHAR(255) UNIQUE NOT NULL,
+  password_hash VARCHAR(255) NOT NULL,
+  created_at TIMESTAMPTZ DEFAULT now()
+);
+
+-- Sessions table
+CREATE TABLE sessions (
+  id SERIAL PRIMARY KEY,
+  user_id INT REFERENCES users(id) ON DELETE CASCADE,
+  token VARCHAR(255) UNIQUE NOT NULL,
+  expires_at TIMESTAMPTZ NOT NULL,
+  created_at TIMESTAMPTZ DEFAULT now()
+);
+
+-- Dashboard items table
+CREATE TABLE dashboard_items (
+  id SERIAL PRIMARY KEY,
+  title TEXT NOT NULL,
+  content TEXT,
+  created_at TIMESTAMPTZ DEFAULT now()
+);
+```  
+
+## 4. API Design and Endpoints
+
+- **Approach**: We follow a **RESTful** style, grouping related endpoints under `/api` directories.
+
+- **Key Endpoints**
+  - `POST /api/auth/register`  
+    • Accepts `{ email, password }`  
+    • Creates a new user and issues a session token  
+  - `POST /api/auth/login`  
+    • Accepts `{ email, password }`  
+    • Verifies credentials and returns a session token  
+  - `POST /api/auth/logout`  
+    • Invalidates the session token on the server  
+  - `GET /api/dashboard/data`  
+    • Requires a valid session  
+    • Returns user-specific data or dashboard items  
+
+- **Communication**
+  - Frontend sends JSON requests; backend replies with JSON and appropriate HTTP status codes.  
+  - Protected routes check for a valid session token (in cookies or Authorization header).
+
+## 5. Hosting Solutions
+
+- **Cloud Provider**:  
+  - **Vercel** (recommended) offers seamless Next.js deployments, auto-scaling, and built-in CDN.  
+  - Alternatively, **Netlify** or any Node.js-capable host will work.
+
+- **Benefits**
+  - **Reliability**: Global servers and failover across regions.  
+  - **Scalability**: Auto-scale serverless functions based on traffic.  
+  - **Cost-Effectiveness**: Pay-per-use model means low cost for small projects.
+
+## 6. Infrastructure Components
+
+- **Load Balancer**
+  - Provided by the hosting platform—distributes API requests across function instances.
+
+- **CDN (Content Delivery Network)**
+  - Vercel’s global edge network caches static assets (CSS, JS, images) for faster page loads.
+
+- **Caching**
+  - **Redis** (optional) for session storage or caching dashboard queries to reduce database load.
+
+- **Object Storage**
+  - For file uploads or backups, integrate with AWS S3 or similar services.
+
+- **Message Queue**
+  - In future, use **RabbitMQ** or **Kafka** for background tasks (e.g., email notifications).
+
+## 7. Security Measures
+
+- **Authentication & Authorization**
+  - Passwords hashed with **bcrypt** and salted.  
+  - Session tokens stored in secure, HttpOnly cookies or Authorization headers.  
+  - Protected endpoints verify tokens before proceeding.
+
+- **Data Encryption**
+  - **HTTPS/TLS** encrypts data in transit.  
+  - Database connections use SSL to encrypt data between the app and the database.
+
+- **Input Validation**
+  - Every incoming request is validated (e.g., valid email format, password length) to prevent SQL injection or other attacks.
+
+- **Web Security Best Practices**
+  - Enable **CORS** policies to limit allowed origins.  
+  - Use **CSRF tokens** or same-site cookies to prevent cross-site requests.  
+  - Set secure headers with **Helmet** or a similar middleware.
+
+## 8. Monitoring and Maintenance
+
+- **Performance Monitoring**
+  - Integrate **Sentry** or **LogRocket** for real-time crash reporting and performance tracing.  
+  - Use Vercel’s built-in analytics to track request latencies and error rates.
+
+- **Logging**
+  - Structured logs (JSON) for all API requests and errors, shipped to a log management service like **Datadog** or **Logflare**.
+
+- **Health Checks**
+  - Define a `/health` endpoint that returns a 200 status if the service is up and the database is reachable.
+
+- **Maintenance Strategies**
+  - Automated migrations run on deploy to keep the database schema up to date.  
+  - Scheduled dependency audits and security scans (e.g., `npm audit`).
+  - Regular backups of the database (daily or weekly depending on usage).
+
+## 9. Conclusion and Overall Backend Summary
+
+The backend for **codeguide-starter** is built on Next.js API Routes and Node.js, paired with PostgreSQL for data and optional Redis for caching. It follows a clear layered architecture that keeps code easy to maintain and extend. With RESTful endpoints for authentication and data, secure practices like password hashing and HTTPS, and hosting on Vercel for scalability and global performance, this setup meets the project’s goals for a fast, secure, and developer-friendly foundation. Future enhancements—such as background job queues, advanced monitoring, or richer data models—can be added without disrupting the core structure.
\ No newline at end of file
diff --git a/documentation/frontend_guidelines_document.md b/documentation/frontend_guidelines_document.md
new file mode 100644
index 0000000..ffa3ea5
--- /dev/null
+++ b/documentation/frontend_guidelines_document.md
@@ -0,0 +1,180 @@
+# Frontend Guideline Document
+
+This document explains, in simple terms, how the frontend of the `codeguide-starter` project is structured, styled, and built. Anyone—technical or not—can read this and understand which tools are used, how components fit together, and what practices keep the app fast, reliable, and easy to maintain.
+
+---
+
+## 1. Frontend Architecture
+
+**Core Frameworks and Libraries**
+- **Next.js (App Router)**: A React-based framework that provides file-based routing, server-side rendering (SSR), static site generation (SSG), and built-in API endpoints all in one project.
+- **React 18**: The library for building user interfaces using components and hooks.
+- **TypeScript**: A superset of JavaScript that adds static types, helping catch errors early and making the code easier to understand and refactor.
+
+**How It’s Organized**
+- The `app/` folder holds all pages and layouts. Each URL path corresponds to a folder:
+  - `/app/sign-in` and `/app/sign-up` for authentication pages.
+  - `/app/dashboard` for the protected user area.
+  - API routes live under `/app/api/auth/route.ts`.
+- Each route folder contains:
+  - `page.tsx` (the UI for that page)
+  - `layout.tsx` (wrapping structure, like headers or sidebars)
+  - Styles (e.g., `theme.css` in the dashboard).
+
+**Why This Works**
+- **Scalability**: Adding new pages or features means creating new folders with their own layouts and pages. You don’t have to touch a central router file.
+- **Maintainability**: Code is separated by feature. Backend logic (API routes) lives alongside the frontend code for that feature, reducing context-switching.
+- **Performance**: Next.js pre-renders pages where possible and splits code by route, so users download only what’s needed.
+
+---
+
+## 2. Design Principles
+
+1. **Usability**: Forms give instant feedback. Buttons and links are clearly labeled.
+2. **Accessibility**: Semantic HTML, proper color contrast, and focus outlines ensure people using screen readers or keyboards can navigate easily.
+3. **Responsiveness**: Layouts adapt from mobile (320px) up to large desktop screens. CSS media queries ensure content resizes and stacks neatly.
+4. **Consistency**: Shared global layout and styling mean pages look and feel like part of the same app.
+
+**How We Apply Them**
+- Form fields use `aria-*` attributes and visible labels.
+- Error messages appear inline under inputs.
+- Navigation elements (header, sidebar) appear in every layout.
+- Breakpoints at 480px, 768px, and 1024px guide responsive adjustments.
+
+---
+
+## 3. Styling and Theming
+
+**Approach**
+- **Global Styles (`globals.css`)**: Resets, base typography, and common utility classes.
+- **Section Styles (`theme.css` in dashboard)**: Styles specific to the dashboard area (colors, layouts).
+- We follow a **BEM-inspired naming** for classes when writing new CSS to avoid conflicts and keep selectors clear.
+
+**Visual Style**: Modern flat design with subtle shadows for depth. Clear spacing and large touch targets on mobile.
+
+**Color Palette**
+- **Primary Blue**: #1E90FF  (buttons, highlights)
+- **Secondary Navy**: #2C3E50  (header, sidebar background)
+- **Accent Cyan**: #00CEC9  (links, hover states)
+- **Neutral Light**: #F8F9FA  (page backgrounds)
+- **Neutral Dark**: #2D3436  (text, icons)
+
+**Font**
+- **Inter** (sans-serif): Clean, modern, highly legible on screens. Fallback to system fonts like `-apple-system, BlinkMacSystemFont, sans-serif`.
+
+**Theming**
+- To keep a consistent look, all colors and font sizes are defined in CSS variables in `globals.css`:
+  ```css
+  :root {
+    --color-primary: #1E90FF;
+    --color-secondary: #2C3E50;
+    --color-accent: #00CEC9;
+    --color-bg: #F8F9FA;
+    --color-text: #2D3436;
+    --font-family: 'Inter', sans-serif;
+  }
+  ```
+- Components consume these variables for backgrounds, borders, and text.
+
+---
+
+## 4. Component Structure
+
+**File Layout**
+- `/app` (top-level folder)
+  - `layout.tsx`: Global wrapper (nav, footer).
+  - `page.tsx`: Landing or redirect logic.
+  - `/sign-in`, `/sign-up`, `/dashboard`, `/api/auth`
+    - Each has its own `layout.tsx` and `page.tsx`.
+- **Common Components**: Put reusable UI pieces (buttons, inputs, cards) into a `/components` folder at the project root.
+
+**Reusability & Encapsulation**
+- Components are self-contained: each has its own styles (class names scoped to BEM) and behavior.
+- Shared logic (e.g., API calls) lives in `/lib` or `/hooks` so pages import only what they need.
+
+**Benefits**
+- **Easier Maintenance**: Fix a bug in one button component, and it updates everywhere.
+- **Better Team Collaboration**: Developers can own specific components or pages without stepping on each other’s code.
+
+---
+
+## 5. State Management
+
+**Current Approach**
+- **Local State**: React `useState` and `useEffect` for form values, loading flags, and error messages.
+- **Server State**: Fetch data (e.g., dashboard JSON) directly in page components or using React Server Components.
+
+**Sharing State**
+- **React Context**: A simple auth context (`AuthContext`) holds the user’s session info, login/logout methods, and makes it available to any component.
+  - Located in `/context/AuthContext.tsx`.
+
+**Future Growth**
+- If complexity grows (deeply nested data, multiple user roles), consider:
+  - **Redux Toolkit** or **Zustand** for centralized state.
+  - Query libraries like **React Query** or **SWR** for caching and re-fetch logic.
+
+---
+
+## 6. Routing and Navigation
+
+**Routing Library**
+- Built into **Next.js App Router**. Each folder under `/app` becomes a route automatically.
+- Layouts (`layout.tsx`) and pages (`page.tsx`) are colocated for that route.
+
+**Protected Pages**
+- The dashboard’s `layout.tsx` checks for a valid session (via cookie or context). If missing, it issues a server-side redirect to `/sign-in`.
+
+**Navigation Structure**
+- **Header**: Present in global layout with the app logo and conditional Sign In/Sign Out links.
+- **Sidebar**: Included in `dashboard/layout.tsx` with links to dashboard sections (expandable in future).
+
+---
+
+## 7. Performance Optimization
+
+1. **Code Splitting**: Next.js automatically breaks code by route. Users only load JS needed for the current page.
+2. **Lazy Loading**: For large components (charts, maps), wrap with `next/dynamic` to load them only when needed.
+3. **Image Optimization**: Use Next.js `<Image>` component to serve responsive, compressed images.
+4. **Caching**:
+   - Static assets (CSS, fonts) use long cache headers.
+   - API responses can be cached or ISR (Incremental Static Regeneration) applied.
+5. **Minification & Compression**: Next.js production builds automatically minify JS and CSS, and enable Brotli/Gzip on the CDN.
+
+These steps ensure fast page loads and smooth interactions.
+
+---
+
+## 8. Testing and Quality Assurance
+
+**Unit Tests**
+- **Jest** + **React Testing Library** for components and utility functions.
+- Example: test that the Sign In form shows an error message when fields are empty.
+
+**Integration Tests**
+- Combine multiple components and hooks; test API calls with **msw** (Mock Service Worker).
+
+**End-to-End (E2E) Tests**
+- **Cypress** or **Playwright** to simulate real user flows: signing up, logging in, and viewing the dashboard.
+
+**Linting & Formatting**
+- **ESLint** enforces code style and catches common bugs.
+- **Prettier** applies consistent formatting.
+- **Git Hooks** (via Husky) run linting/tests before each commit.
+
+**Continuous Integration (CI)**
+- **GitHub Actions** runs tests and lint on each pull request, preventing regressions.
+
+---
+
+## 9. Conclusion and Overall Frontend Summary
+
+The `codeguide-starter` frontend is built on modern, well-established tools—Next.js, React, and TypeScript—and follows clear principles around usability, accessibility, and maintainability. Its file-based structure, component-driven approach, and CSS-variable theming keep things organized and consistent.
+
+Key takeaways:
+- **Scalable Structure**: Add new features by creating new folders under `app/` without touching a central router.
+- **Component Reuse**: Shared UI pieces live in one place, making updates quick and error-free.
+- **Simple Styling**: Global and section-specific CSS, underpinned by CSS variables, ensures a unified look.
+- **Smooth Performance**: Next.js automatic optimizations plus best practices like lazy loading and caching.
+- **Quality Assurance**: A testing plan that covers unit, integration, and E2E scenarios, enforced by CI.
+
+With these guidelines, any developer coming into the project can understand how the pieces fit together, how to follow existing patterns, and how to keep the app fast, reliable, and easy to grow.
\ No newline at end of file
diff --git a/documentation/project_requirements_document.md b/documentation/project_requirements_document.md
new file mode 100644
index 0000000..526d663
--- /dev/null
+++ b/documentation/project_requirements_document.md
@@ -0,0 +1,117 @@
+# Project Requirements Document: codeguide-starter
+
+---
+
+## 1. Project Overview
+
+The **codeguide-starter** project is a boilerplate web application that provides a ready-made foundation for any web project requiring secure user authentication and a post-login dashboard. It sets up the common building blocks—sign-up and sign-in pages, API routes to handle registration and login, and a simple dashboard interface driven by static data. By delivering this skeleton, it accelerates development time and ensures best practices are in place from day one.
+
+This starter kit is being built to solve the friction developers face when setting up repeated common tasks: credential handling, session management, page routing, and theming. Key objectives include: 1) delivering a fully working authentication flow (registration & login), 2) providing a gated dashboard area upon successful login, 3) establishing a clear, maintainable project structure using Next.js and TypeScript, and 4) demonstrating a clean theming approach with global and section-specific CSS. Success is measured by having an end-to-end login journey in under 200 lines of code and zero runtime type errors.
+
+---
+
+## 2. In-Scope vs. Out-of-Scope
+
+### In-Scope (Version 1)
+- User registration (sign-up) form with validation
+- User login (sign-in) form with validation
+- Next.js API routes under `/api/auth/route.ts` handling:
+  - Credential validation
+  - Password hashing (e.g., bcrypt)
+  - Session creation or JWT issuance
+- Protected dashboard pages under `/dashboard`:
+  - `layout.tsx` wrapping dashboard content
+  - `page.tsx` rendering static data from `data.json`
+- Global application layout in `/app/layout.tsx`
+- Basic styling via `globals.css` and `dashboard/theme.css`
+- TypeScript strict mode enabled
+
+### Out-of-Scope (Later Phases)
+- Integration with a real database (PostgreSQL, MongoDB, etc.)
+- Advanced authentication flows (password reset, email verification, MFA)
+- Role-based access control (RBAC)
+- Multi-tenant or white-label theming
+- Unit, integration, or end-to-end testing suites
+- CI/CD pipeline and production deployment scripts
+
+---
+
+## 3. User Flow
+
+A new visitor lands on the root URL and sees a welcome page with options to **Sign Up** or **Sign In**. If they choose Sign Up, they fill in their email, password, and hit “Create Account.” The form submits to `/api/auth/route.ts`, which hashes the password, creates a new user session or token, and redirects them to the dashboard. If any input is invalid, an inline error message explains the issue (e.g., “Password too short”).
+
+Once authenticated, the user is taken to the `/dashboard` route. Here they see a sidebar or header defined by `dashboard/layout.tsx`, and the main panel pulls in static data from `data.json`. They can log out (if that control is present), but otherwise their entire session is managed by server-side cookies or tokens. Returning users go directly to Sign In, submit credentials, and upon success they land back on `/dashboard`. Any unauthorized access to `/dashboard` redirects back to Sign In.
+
+---
+
+## 4. Core Features
+
+- **Sign-Up Page (`/app/sign-up/page.tsx`)**: Form fields for email & password, client-side validation, POST to `/api/auth`.
+- **Sign-In Page (`/app/sign-in/page.tsx`)**: Form fields for email & password, client-side validation, POST to `/api/auth`.
+- **Authentication API (`/app/api/auth/route.ts`)**: Handles both registration and login based on HTTP method, integrates password hashing (bcrypt) and session or JWT logic.
+- **Global Layout (`/app/layout.tsx` + `globals.css`)**: Shared header, footer, and CSS resets across all pages.
+- **Dashboard Layout (`/app/dashboard/layout.tsx` + `dashboard/theme.css`)**: Sidebar or top nav for authenticated flows, section-specific styling.
+- **Dashboard Page (`/app/dashboard/page.tsx`)**: Reads `data.json`, renders it as cards or tables.
+- **Static Data Source (`/app/dashboard/data.json`)**: Example dataset to demo dynamic rendering.
+- **TypeScript Configuration**: `tsconfig.json` with strict mode and path aliases (if any).
+
+---
+
+## 5. Tech Stack & Tools
+
+- **Framework**: Next.js (App Router) for file-based routing, SSR/SSG, and API routes.
+- **Language**: TypeScript for type safety.
+- **UI Library**: React 18 for component-based UI.
+- **Styling**: Plain CSS via `globals.css` (global reset) and `theme.css` (sectional styling). Can easily migrate to CSS Modules or Tailwind in the future.
+- **Backend**: Node.js runtime provided by Next.js API routes.
+- **Password Hashing**: bcrypt (npm package).
+- **Session/JWT**: NextAuth.js or custom JWT logic (to be decided in implementation).
+- **IDE & Dev Tools**: VS Code with ESLint, Prettier extensions. Optionally, Cursor.ai for AI-assisted coding.
+
+---
+
+## 6. Non-Functional Requirements
+
+- **Performance**: Initial page load under 200 ms on a standard broadband connection. API responses under 300 ms.
+- **Security**:
+  - HTTPS only in production.
+  - Proper CORS, CSRF protection for API routes.
+  - Secure password storage (bcrypt with salt).
+  - No credentials or secrets checked into version control.
+- **Scalability**: Structure must support adding database integration, caching layers, and advanced auth flows without rewiring core app.
+- **Usability**: Forms should give real-time feedback on invalid input. Layout must be responsive (mobile > 320 px).
+- **Maintainability**: Code must adhere to TypeScript strict mode. Linting & formatting enforced by ESLint/Prettier.
+
+---
+
+## 7. Constraints & Assumptions
+
+- **No Database**: Dashboard uses only `data.json`; real database integration is deferred.
+- **Node Version**: Requires Node.js >= 14.
+- **Next.js Version**: Built on Next.js 13+ App Router.
+- **Authentication**: Assumes availability of bcrypt or NextAuth.js at implementation time.
+- **Hosting**: Targets serverless or Node.js-capable hosting (e.g., Vercel, Netlify).
+- **Browser Support**: Modern evergreen browsers; no IE11 support required.
+
+---
+
+## 8. Known Issues & Potential Pitfalls
+
+- **Static Data Limitation**: `data.json` is only for demo. A real API or database will be needed to avoid stale data.
+  *Mitigation*: Define a clear interface for data fetching so swapping to a live endpoint is trivial.
+
+- **Global CSS Conflicts**: Using global styles can lead to unintended overrides.
+  *Mitigation*: Plan to migrate to CSS Modules or utility-first CSS in Phase 2.
+
+- **API Route Ambiguity**: Single `/api/auth/route.ts` handling both sign-up and sign-in could get complex.
+  *Mitigation*: Clearly branch on HTTP method (`POST /register` vs. `POST /login`) or split into separate files.
+
+- **Lack of Testing**: No test suite means regressions can slip in.
+  *Mitigation*: Build a minimal Jest + React Testing Library setup in an early iteration.
+
+- **Error Handling Gaps**: Client and server must handle edge cases (network failures, malformed input).
+  *Mitigation*: Define a standard error response schema and show user-friendly messages.
+
+---
+
+This PRD should serve as the single source of truth for the AI model or any developer generating the next set of technical documents: Tech Stack Doc, Frontend Guidelines, Backend Structure, App Flow, File Structure, and IDE Rules. It contains all functional and non-functional requirements with no ambiguity, enabling seamless downstream development.
diff --git a/documentation/security_guideline_document.md b/documentation/security_guideline_document.md
new file mode 100644
index 0000000..683c23f
--- /dev/null
+++ b/documentation/security_guideline_document.md
@@ -0,0 +1,116 @@
+# Security Guidelines for codeguide-starter
+
+This document defines mandatory security principles and implementation best practices tailored to the **codeguide-starter** repository. It aligns with Security-by-Design, Least Privilege, Defense-in-Depth, and other core security tenets. All sections reference specific areas of the codebase (e.g., `/app/api/auth/route.ts`, CSS files, environment configuration) to ensure practical guidance.
+
+---
+
+## 1. Security by Design
+
+• Embed security from day one: review threat models whenever adding new features (e.g., new API routes, data fetching).
+• Apply “secure defaults” in Next.js configuration (`next.config.js`), enabling strict mode and disabling debug flags in production builds.
+• Maintain a security checklist in your PR template to confirm that each change has been reviewed against this guideline.
+
+---
+
+## 2. Authentication & Access Control
+
+### 2.1 Password Storage
+- Use **bcrypt** (or Argon2) with a per-user salt to hash passwords in `/app/api/auth/route.ts`.
+- Enforce a strong password policy on both client and server: minimum 12 characters, mixed case, numbers, and symbols.
+
+### 2.2 Session Management
+- Issue sessions via Secure, HttpOnly, SameSite=strict cookies. Do **not** expose tokens to JavaScript.
+- Implement absolute and idle timeouts. For example, invalidate sessions after 30 minutes of inactivity.
+- Protect against session fixation by regenerating session IDs after authentication.
+
+### 2.3 Brute-Force & Rate Limiting
+- Apply rate limiting at the API layer (e.g., using `express-rate-limit` or Next.js middleware) on `/api/auth` to throttle repeated login attempts.
+- Introduce exponential backoff or temporary lockout after N failed attempts.
+
+### 2.4 Role-Based Access Control (Future)
+- Define user roles in your database model (e.g., `role = 'user' | 'admin'`).
+- Enforce server-side authorization checks in every protected route (e.g., in `dashboard/layout.tsx` loader functions).
+
+---
+
+## 3. Input Handling & Processing
+
+### 3.1 Validate & Sanitize All Inputs
+- On **client** (`sign-up/page.tsx`, `sign-in/page.tsx`): perform basic format checks (email regex, password length).
+- On **server** (`/app/api/auth/route.ts`): re-validate inputs with a schema validator (e.g., `zod`, `Joi`).
+- Reject or sanitize any unexpected fields to prevent injection attacks.
+
+### 3.2 Prevent Injection
+- If you introduce a database later, always use parameterized queries or an ORM (e.g., Prisma) rather than string concatenation.
+- Avoid dynamic `eval()` or template rendering with unsanitized user input.
+
+### 3.3 Safe Redirects
+- When redirecting after login or logout, validate the target against an allow-list to prevent open redirects.
+
+---
+
+## 4. Data Protection & Privacy
+
+### 4.1 Encryption & Secrets
+- Enforce HTTPS/TLS 1.2+ for all front-end ↔ back-end communications.
+- Never commit secrets—use environment variables and a secrets manager (e.g., AWS Secrets Manager, Vault).
+
+### 4.2 Sensitive Data Handling
+- Do ​not​ log raw passwords, tokens, or PII in server logs. Mask or redact any user identifiers.
+- If storing PII in `data.json` or a future database, classify it and apply data retention policies.
+
+---
+
+## 5. API & Service Security
+
+### 5.1 HTTPS Enforcement
+- In production, redirect all HTTP traffic to HTTPS (e.g., via Vercel’s redirect rules or custom middleware).
+
+### 5.2 CORS
+- Configure `next.config.js` or API middleware to allow **only** your front-end origin (e.g., `https://your-domain.com`).
+
+### 5.3 API Versioning & Minimal Exposure
+- Version your API routes (e.g., `/api/v1/auth`) to handle future changes without breaking clients.
+- Return only necessary fields in JSON responses; avoid leaking internal server paths or stack traces.
+
+---
+
+## 6. Web Application Security Hygiene
+
+### 6.1 CSRF Protection
+- Use anti-CSRF tokens for any state-changing API calls. Integrate Next.js CSRF middleware or implement synchronizer tokens stored in cookies.
+
+### 6.2 Security Headers
+- In `next.config.js` (or a custom server), add these headers:
+  - `Strict-Transport-Security: max-age=63072000; includeSubDomains; preload`
+  - `X-Content-Type-Options: nosniff`
+  - `X-Frame-Options: DENY`
+  - `Referrer-Policy: no-referrer-when-downgrade`
+  - `Content-Security-Policy`: restrict script/style/src to self and trusted CDNs.
+
+### 6.3 Secure Cookies
+- Set `Secure`, `HttpOnly`, `SameSite=Strict` on all cookies. Avoid storing sensitive data in `localStorage`.
+
+### 6.4 Prevent XSS
+- Escape or encode all user-supplied data in React templates. Avoid `dangerouslySetInnerHTML` unless content is sanitized.
+
+---
+
+## 7. Infrastructure & Configuration Management
+
+- Harden your hosting environment (e.g., Vercel/Netlify) by disabling unnecessary endpoints (GraphQL/GraphiQL playgrounds in production).
+- Rotate secrets and API keys regularly via your secrets manager.
+- Maintain minimal privileges: e.g., database accounts should only have read/write on required tables.
+- Keep Node.js, Next.js, and all system packages up to date.
+
+---
+
+## 8. Dependency Management
+
+- Commit and maintain `package-lock.json` to guarantee reproducible builds.
+- Integrate a vulnerability scanner (e.g., GitHub Dependabot, Snyk) to monitor and alert on CVEs in dependencies.
+- Trim unused packages; each added library increases the attack surface.
+
+---
+
+Adherence to these guidelines will ensure that **codeguide-starter** remains secure, maintainable, and resilient as it evolves. Regularly review and update this document to reflect new threats and best practices.
\ No newline at end of file
diff --git a/documentation/tech_stack_document.md b/documentation/tech_stack_document.md
new file mode 100644
index 0000000..6db3f9b
--- /dev/null
+++ b/documentation/tech_stack_document.md
@@ -0,0 +1,90 @@
+# Tech Stack Document
+
+This document explains the key technologies chosen for the **codeguide-starter** project. It’s written in everyday language so anyone—technical or not—can understand why each tool was picked and how it supports the application.
+
+## 1. Frontend Technologies
+The frontend is everything the user sees and interacts with. For this project, we’ve used:
+
+- **Next.js (App Router)**
+  - A React framework that makes page routing, server-side rendering, and API routes very simple.
+  - Enhances user experience by pre-rendering pages on the server or at build time, leading to faster initial load.
+- **React 18**
+  - The underlying library for building user interfaces with reusable components.
+  - Provides a smooth, interactive experience thanks to its virtual DOM and modern hooks.
+- **TypeScript**
+  - A superset of JavaScript that adds types (labels for data).
+  - Helps catch errors early during development and makes the code easier to maintain.
+- **CSS (globals.css & theme.css)**
+  - **globals.css** applies base styles (fonts, colors, resets) across the entire app.
+  - **dashboard/theme.css** defines the look and feel specific to the dashboard area.
+  - This separation keeps styles organized and avoids accidental style conflicts.
+
+By combining these tools, we have a clear structure (Next.js folders for pages and layouts), safer code (TypeScript), and flexible styling with vanilla CSS.
+
+## 2. Backend Technologies
+The backend handles data, user accounts, and the logic behind the scenes. Our choices here are:
+
+- **Next.js API Routes**
+  - Allows us to write server-side code (`route.ts` files) alongside our frontend in the same project.
+  - Runs on Node.js, so we can handle requests like sign-up, sign-in, and data fetching in one place.
+- **Node.js Runtime**
+  - The JavaScript environment on the server that executes our API routes.
+- **bcrypt** (npm package)
+  - A library for hashing passwords securely before storing them.
+  - Ensures that even if someone got access to our data, raw passwords aren’t visible.
+- **(Optional) NextAuth.js or JWT**
+  - While this starter kit shows a custom authentication flow, it can easily integrate services like NextAuth.js for email-based login or JWT (JSON Web Tokens) for stateless sessions.
+
+These components work together to receive user credentials, verify or store them securely, manage sessions or tokens, and deliver protected data back to the frontend.
+
+## 3. Infrastructure and Deployment
+Infrastructure covers where and how we host the app, as well as how changes get delivered:
+
+- **Git & GitHub**
+  - Version control system (Git) and remote hosting (GitHub) keep track of all code changes and allow team collaboration.
+- **Vercel (or Netlify)**
+  - A popular hosting service optimized for Next.js, with one-click deployments and global content delivery.
+  - Automatically rebuilds and deploys the site whenever code is pushed to the main branch.
+- **GitHub Actions (CI/CD)**
+  - Automates tasks like linting (ESLint), formatting (Prettier), and running any tests you add.
+  - Ensures that only clean, tested code goes live.
+
+Together, these tools provide a reliable, scalable setup where every code change is tested and deployed quickly, with minimal manual work.
+
+## 4. Third-Party Integrations
+While this starter kit is minimal by design, it already includes or can easily add:
+
+- **bcrypt**
+  - For secure password hashing (included as an npm dependency).
+- **NextAuth.js** (optional)
+  - A full-featured authentication library supporting email/password, OAuth, and more.
+- **Sentry or LogRocket** (optional)
+  - For real-time error tracking and performance monitoring in production.
+
+These integrations help extend the app’s capabilities without building every feature from scratch.
+
+## 5. Security and Performance Considerations
+We’ve baked in several measures to keep users safe and the app running smoothly:
+
+Security:
+- Passwords are never stored in plain text—bcrypt hashes them with a random salt.
+- API routes can implement CSRF protection and input validation to block malicious requests.
+- Session tokens or cookies are marked secure and HttpOnly to prevent theft via JavaScript.
+
+Performance:
+- Server-side rendering (SSR) and static site generation (SSG) in Next.js deliver pages faster.
+- Code splitting and lazy-loaded components ensure users only download what they need.
+- Global CSS and theme files are small and cached by the browser for quick repeat visits.
+
+These strategies work together to give users a fast, secure experience every time.
+
+## 6. Conclusion and Overall Tech Stack Summary
+In building **codeguide-starter**, we chose technologies that:
+
+- Align with modern web standards (Next.js, React, TypeScript).
+- Provide a clear, file-based project structure for rapid onboarding.
+- Offer built-in support for server-side rendering, API routes, and static assets.
+- Emphasize security through password hashing, session management, and safe defaults.
+- Enable easy scaling and future enhancements via modular code and optional integrations.
+
+This stack strikes a balance between simplicity for newcomers and flexibility for experienced teams. It accelerates development of a secure authentication flow and a polished dashboard, while leaving room to plug in databases, test suites, and advanced features as the project grows.
\ No newline at end of file
diff --git a/drizzle/0001_bizarre_landau.sql b/drizzle/0001_bizarre_landau.sql
new file mode 100644
index 0000000..a06a123
--- /dev/null
+++ b/drizzle/0001_bizarre_landau.sql
@@ -0,0 +1,61 @@
+CREATE TYPE "public"."asset_type" AS ENUM('real_estate', 'vehicle', 'cash', 'savings', 'other');--> statement-breakpoint
+CREATE TYPE "public"."expense_category" AS ENUM('housing', 'transportation', 'food', 'utilities', 'insurance', 'healthcare', 'entertainment', 'education', 'clothing', 'personal_care', 'debt_payments', 'taxes', 'savings', 'other');--> statement-breakpoint
+CREATE TYPE "public"."income_type" AS ENUM('salary', 'freelance', 'business', 'investments', 'rental', 'pension', 'benefits', 'other');--> statement-breakpoint
+CREATE TYPE "public"."investment_type" AS ENUM('stocks', 'bonds', 'crypto', 'mutual_funds', 'etf', 'commodities', 'other');--> statement-breakpoint
+CREATE TABLE "assets" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"name" text NOT NULL,
+	"type" "asset_type" NOT NULL,
+	"value" numeric(12, 2) NOT NULL,
+	"description" text,
+	"purchase_date" timestamp,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "expenses" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"title" text NOT NULL,
+	"amount" numeric(12, 2) NOT NULL,
+	"category" "expense_category" NOT NULL,
+	"description" text,
+	"date" timestamp NOT NULL,
+	"is_recurring" text,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "income" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"title" text NOT NULL,
+	"amount" numeric(12, 2) NOT NULL,
+	"type" "income_type" NOT NULL,
+	"description" text,
+	"date" timestamp NOT NULL,
+	"is_recurring" text,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "investments" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"name" text NOT NULL,
+	"type" "investment_type" NOT NULL,
+	"symbol" text,
+	"quantity" numeric(12, 4) NOT NULL,
+	"purchase_price" numeric(12, 2) NOT NULL,
+	"current_price" numeric(12, 2),
+	"description" text,
+	"purchase_date" timestamp NOT NULL,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "assets" ADD CONSTRAINT "assets_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "expenses" ADD CONSTRAINT "expenses_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "income" ADD CONSTRAINT "income_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "investments" ADD CONSTRAINT "investments_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action;
\ No newline at end of file
diff --git a/drizzle/0001_finance_tables.sql b/drizzle/0001_finance_tables.sql
new file mode 100644
index 0000000..bc94c0b
--- /dev/null
+++ b/drizzle/0001_finance_tables.sql
@@ -0,0 +1,74 @@
+-- Create finance-related enum types
+CREATE TYPE "public"."asset_type" AS ENUM('real_estate', 'vehicle', 'cash', 'savings', 'other');
+CREATE TYPE "public"."investment_type" AS ENUM('stocks', 'bonds', 'crypto', 'mutual_funds', 'etf', 'commodities', 'other');
+CREATE TYPE "public"."expense_category" AS ENUM('housing', 'transportation', 'food', 'utilities', 'insurance', 'healthcare', 'entertainment', 'education', 'clothing', 'personal_care', 'debt_payments', 'taxes', 'savings', 'other');
+CREATE TYPE "public"."income_type" AS ENUM('salary', 'freelance', 'business', 'investments', 'rental', 'pension', 'benefits', 'other');
+
+-- Create assets table
+CREATE TABLE "assets" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"name" text NOT NULL,
+	"type" "asset_type" NOT NULL,
+	"value" numeric(12,2) NOT NULL,
+	"description" text,
+	"purchase_date" timestamp,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL,
+	CONSTRAINT "assets_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "user"("id") ON DELETE cascade
+);
+
+-- Create investments table
+CREATE TABLE "investments" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"name" text NOT NULL,
+	"type" "investment_type" NOT NULL,
+	"symbol" text,
+	"quantity" numeric(12,4) NOT NULL,
+	"purchase_price" numeric(12,2) NOT NULL,
+	"current_price" numeric(12,2),
+	"description" text,
+	"purchase_date" timestamp NOT NULL,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL,
+	CONSTRAINT "investments_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "user"("id") ON DELETE cascade
+);
+
+-- Create expenses table
+CREATE TABLE "expenses" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"title" text NOT NULL,
+	"amount" numeric(12,2) NOT NULL,
+	"category" "expense_category" NOT NULL,
+	"description" text,
+	"date" timestamp NOT NULL,
+	"is_recurring" text,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL,
+	CONSTRAINT "expenses_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "user"("id") ON DELETE cascade
+);
+
+-- Create income table
+CREATE TABLE "income" (
+	"id" text PRIMARY KEY NOT NULL,
+	"user_id" text NOT NULL,
+	"title" text NOT NULL,
+	"amount" numeric(12,2) NOT NULL,
+	"type" "income_type" NOT NULL,
+	"description" text,
+	"date" timestamp NOT NULL,
+	"is_recurring" text,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL,
+	CONSTRAINT "income_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "user"("id") ON DELETE cascade
+);
+
+-- Create indexes for better performance
+CREATE INDEX "assets_user_id_idx" ON "assets" ("user_id");
+CREATE INDEX "investments_user_id_idx" ON "investments" ("user_id");
+CREATE INDEX "expenses_user_id_idx" ON "expenses" ("user_id");
+CREATE INDEX "income_user_id_idx" ON "income" ("user_id");
+CREATE INDEX "expenses_date_idx" ON "expenses" ("date");
+CREATE INDEX "income_date_idx" ON "income" ("date");
\ No newline at end of file
diff --git a/drizzle/meta/0001_snapshot.json b/drizzle/meta/0001_snapshot.json
new file mode 100644
index 0000000..c445d76
--- /dev/null
+++ b/drizzle/meta/0001_snapshot.json
@@ -0,0 +1,736 @@
+{
+  "id": "13f6e863-1b18-466c-a201-37e48a7a6969",
+  "prevId": "80c84c66-b203-4991-b8a8-0e403765d682",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.account": {
+      "name": "account",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "account_id": {
+          "name": "account_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "id_token": {
+          "name": "id_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "access_token_expires_at": {
+          "name": "access_token_expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "refresh_token_expires_at": {
+          "name": "refresh_token_expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "account_user_id_user_id_fk": {
+          "name": "account_user_id_user_id_fk",
+          "tableFrom": "account",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.session": {
+      "name": "session",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "session_user_id_user_id_fk": {
+          "name": "session_user_id_user_id_fk",
+          "tableFrom": "session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "session_token_unique": {
+          "name": "session_token_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "token"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.user": {
+      "name": "user",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email_verified": {
+          "name": "email_verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "user_email_unique": {
+          "name": "user_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.verification": {
+      "name": "verification",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.assets": {
+      "name": "assets",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "asset_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "purchase_date": {
+          "name": "purchase_date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "assets_user_id_user_id_fk": {
+          "name": "assets_user_id_user_id_fk",
+          "tableFrom": "assets",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.expenses": {
+      "name": "expenses",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "amount": {
+          "name": "amount",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "category": {
+          "name": "category",
+          "type": "expense_category",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "date": {
+          "name": "date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "is_recurring": {
+          "name": "is_recurring",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "expenses_user_id_user_id_fk": {
+          "name": "expenses_user_id_user_id_fk",
+          "tableFrom": "expenses",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.income": {
+      "name": "income",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "amount": {
+          "name": "amount",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "income_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "date": {
+          "name": "date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "is_recurring": {
+          "name": "is_recurring",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "income_user_id_user_id_fk": {
+          "name": "income_user_id_user_id_fk",
+          "tableFrom": "income",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.investments": {
+      "name": "investments",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "investment_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "symbol": {
+          "name": "symbol",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "quantity": {
+          "name": "quantity",
+          "type": "numeric(12, 4)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "purchase_price": {
+          "name": "purchase_price",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "current_price": {
+          "name": "current_price",
+          "type": "numeric(12, 2)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "purchase_date": {
+          "name": "purchase_date",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "investments_user_id_user_id_fk": {
+          "name": "investments_user_id_user_id_fk",
+          "tableFrom": "investments",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    }
+  },
+  "enums": {
+    "public.asset_type": {
+      "name": "asset_type",
+      "schema": "public",
+      "values": [
+        "real_estate",
+        "vehicle",
+        "cash",
+        "savings",
+        "other"
+      ]
+    },
+    "public.expense_category": {
+      "name": "expense_category",
+      "schema": "public",
+      "values": [
+        "housing",
+        "transportation",
+        "food",
+        "utilities",
+        "insurance",
+        "healthcare",
+        "entertainment",
+        "education",
+        "clothing",
+        "personal_care",
+        "debt_payments",
+        "taxes",
+        "savings",
+        "other"
+      ]
+    },
+    "public.income_type": {
+      "name": "income_type",
+      "schema": "public",
+      "values": [
+        "salary",
+        "freelance",
+        "business",
+        "investments",
+        "rental",
+        "pension",
+        "benefits",
+        "other"
+      ]
+    },
+    "public.investment_type": {
+      "name": "investment_type",
+      "schema": "public",
+      "values": [
+        "stocks",
+        "bonds",
+        "crypto",
+        "mutual_funds",
+        "etf",
+        "commodities",
+        "other"
+      ]
+    }
+  },
+  "schemas": {},
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index 161e8bd..70a7030 100644
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -8,6 +8,13 @@
       "when": 1756202589329,
       "tag": "0000_overjoyed_morlun",
       "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "7",
+      "when": 1756209775008,
+      "tag": "0001_bizarre_landau",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/hooks/use-assets.ts b/hooks/use-assets.ts
new file mode 100644
index 0000000..612b3d1
--- /dev/null
+++ b/hooks/use-assets.ts
@@ -0,0 +1,122 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+import { Asset } from '@/lib/types/finance';
+import { createAssetSchema, updateAssetSchema } from '@/lib/validations/finance';
+import { z } from 'zod';
+
+interface UseAssetsReturn {
+  assets: Asset[];
+  isLoading: boolean;
+  error: string | null;
+  createAsset: (data: z.infer<typeof createAssetSchema>) => Promise<boolean>;
+  updateAsset: (id: string, data: z.infer<typeof updateAssetSchema>) => Promise<boolean>;
+  deleteAsset: (id: string) => Promise<boolean>;
+  refetch: () => Promise<void>;
+}
+
+export function useAssets(): UseAssetsReturn {
+  const [assets, setAssets] = useState<Asset[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchAssets = async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+
+      const response = await fetch('/api/finance/assets');
+      if (!response.ok) {
+        throw new Error(`Failed to fetch assets: ${response.status}`);
+      }
+
+      const data = await response.json();
+      setAssets(data.data || []);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to fetch assets');
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const createAsset = async (data: z.infer<typeof createAssetSchema>): Promise<boolean> => {
+    try {
+      const response = await fetch('/api/finance/assets', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+      });
+
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || 'Failed to create asset');
+      }
+
+      const result = await response.json();
+      setAssets(prev => [...prev, result.data]);
+      return true;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to create asset');
+      return false;
+    }
+  };
+
+  const updateAsset = async (id: string, data: z.infer<typeof updateAssetSchema>): Promise<boolean> => {
+    try {
+      const response = await fetch(`/api/finance/assets/${id}`, {
+        method: 'PUT',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+      });
+
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || 'Failed to update asset');
+      }
+
+      const result = await response.json();
+      setAssets(prev => prev.map(asset => asset.id === id ? result.data : asset));
+      return true;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to update asset');
+      return false;
+    }
+  };
+
+  const deleteAsset = async (id: string): Promise<boolean> => {
+    try {
+      const response = await fetch(`/api/finance/assets/${id}`, {
+        method: 'DELETE',
+      });
+
+      if (!response.ok) {
+        const errorData = await response.json();
+        throw new Error(errorData.error || 'Failed to delete asset');
+      }
+
+      setAssets(prev => prev.filter(asset => asset.id !== id));
+      return true;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to delete asset');
+      return false;
+    }
+  };
+
+  useEffect(() => {
+    fetchAssets();
+  }, []);
+
+  return {
+    assets,
+    isLoading,
+    error,
+    createAsset,
+    updateAsset,
+    deleteAsset,
+    refetch: fetchAssets,
+  };
+}
\ No newline at end of file
diff --git a/hooks/use-finance-data.ts b/hooks/use-finance-data.ts
new file mode 100644
index 0000000..9393c93
--- /dev/null
+++ b/hooks/use-finance-data.ts
@@ -0,0 +1,117 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+import { Asset, Investment, Expense, Income } from '@/lib/types/finance';
+
+interface FinanceData {
+  assets: Asset[];
+  investments: Investment[];
+  expenses: Expense[];
+  income: Income[];
+}
+
+interface UseFinanceDataReturn {
+  data: FinanceData;
+  isLoading: boolean;
+  error: string | null;
+  refetch: () => Promise<void>;
+}
+
+export function useFinanceData(): UseFinanceDataReturn {
+  const [data, setData] = useState<FinanceData>({
+    assets: [],
+    investments: [],
+    expenses: [],
+    income: [],
+  });
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchFinanceData = async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+
+      const [assetsRes, investmentsRes, expensesRes, incomeRes] = await Promise.all([
+        fetch('/api/finance/assets'),
+        fetch('/api/finance/investments'),
+        fetch('/api/finance/expenses'),
+        fetch('/api/finance/income'),
+      ]);
+
+      if (!assetsRes.ok || !investmentsRes.ok || !expensesRes.ok || !incomeRes.ok) {
+        throw new Error('Failed to fetch finance data');
+      }
+
+      const [assetsData, investmentsData, expensesData, incomeData] = await Promise.all([
+        assetsRes.json(),
+        investmentsRes.json(),
+        expensesRes.json(),
+        incomeRes.json(),
+      ]);
+
+      setData({
+        assets: assetsData.data || [],
+        investments: investmentsData.data || [],
+        expenses: expensesData.data || [],
+        income: incomeData.data || [],
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'An unexpected error occurred');
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchFinanceData();
+  }, []);
+
+  return {
+    data,
+    isLoading,
+    error,
+    refetch: fetchFinanceData,
+  };
+}
+
+interface FinanceSummary {
+  totalAssets: number;
+  totalInvestments: number;
+  monthlyExpenses: number;
+  monthlyIncome: number;
+  netWorth: number;
+}
+
+export function useFinanceSummary(): FinanceSummary & { isLoading: boolean; error: string | null } {
+  const { data, isLoading, error } = useFinanceData();
+
+  const summary = {
+    totalAssets: data.assets.reduce((sum, asset) => sum + Number(asset.value), 0),
+    totalInvestments: data.investments.reduce((sum, investment) => sum + Number(investment.currentPrice), 0),
+    monthlyExpenses: data.expenses
+      .filter(expense => {
+        const expenseDate = new Date(expense.date);
+        const now = new Date();
+        return expenseDate.getMonth() === now.getMonth() && expenseDate.getFullYear() === now.getFullYear();
+      })
+      .reduce((sum, expense) => sum + Number(expense.amount), 0),
+    monthlyIncome: data.income
+      .filter(income => {
+        const incomeDate = new Date(income.date);
+        const now = new Date();
+        return incomeDate.getMonth() === now.getMonth() && incomeDate.getFullYear() === now.getFullYear();
+      })
+      .reduce((sum, income) => sum + Number(income.amount), 0),
+    netWorth: 0,
+  };
+
+  // Calculate net worth (assets + investments - debts)
+  summary.netWorth = summary.totalAssets + summary.totalInvestments;
+
+  return {
+    ...summary,
+    isLoading,
+    error,
+  };
+}
\ No newline at end of file
diff --git a/lib/auth-utils.ts b/lib/auth-utils.ts
new file mode 100644
index 0000000..0675407
--- /dev/null
+++ b/lib/auth-utils.ts
@@ -0,0 +1,27 @@
+import { auth } from './auth';
+import { headers } from 'next/headers';
+
+export async function getAuthenticatedUser() {
+    try {
+        const session = await auth.api.getSession({
+            headers: await headers()
+        });
+
+        if (!session?.user) {
+            return null;
+        }
+
+        return session.user;
+    } catch (error) {
+        console.error('Authentication error:', error);
+        return null;
+    }
+}
+
+export function createErrorResponse(message: string, status: number = 400) {
+    return Response.json({ error: message }, { status });
+}
+
+export function createSuccessResponse(data: any, status: number = 200) {
+    return Response.json({ data }, { status });
+}
\ No newline at end of file
diff --git a/lib/types/finance.ts b/lib/types/finance.ts
new file mode 100644
index 0000000..0360796
--- /dev/null
+++ b/lib/types/finance.ts
@@ -0,0 +1,66 @@
+import type { InferSelectModel, InferInsertModel } from 'drizzle-orm';
+import type { assets, investments, expenses, income } from '../../db/schema/finance';
+
+export type Asset = InferSelectModel<typeof assets>;
+export type NewAsset = InferInsertModel<typeof assets>;
+
+export type Investment = InferSelectModel<typeof investments>;
+export type NewInvestment = InferInsertModel<typeof investments>;
+
+export type Expense = InferSelectModel<typeof expenses>;
+export type NewExpense = InferInsertModel<typeof expenses>;
+
+export type Income = InferSelectModel<typeof income>;
+export type NewIncome = InferInsertModel<typeof income>;
+
+export const ASSET_TYPES = [
+    { value: 'real_estate', label: 'Real Estate' },
+    { value: 'vehicle', label: 'Vehicle' },
+    { value: 'cash', label: 'Cash' },
+    { value: 'savings', label: 'Savings Account' },
+    { value: 'other', label: 'Other' },
+] as const;
+
+export const INVESTMENT_TYPES = [
+    { value: 'stocks', label: 'Stocks' },
+    { value: 'bonds', label: 'Bonds' },
+    { value: 'crypto', label: 'Cryptocurrency' },
+    { value: 'mutual_funds', label: 'Mutual Funds' },
+    { value: 'etf', label: 'ETF' },
+    { value: 'commodities', label: 'Commodities' },
+    { value: 'other', label: 'Other' },
+] as const;
+
+export const EXPENSE_CATEGORIES = [
+    { value: 'housing', label: 'Housing' },
+    { value: 'transportation', label: 'Transportation' },
+    { value: 'food', label: 'Food & Dining' },
+    { value: 'utilities', label: 'Utilities' },
+    { value: 'insurance', label: 'Insurance' },
+    { value: 'healthcare', label: 'Healthcare' },
+    { value: 'entertainment', label: 'Entertainment' },
+    { value: 'education', label: 'Education' },
+    { value: 'clothing', label: 'Clothing' },
+    { value: 'personal_care', label: 'Personal Care' },
+    { value: 'debt_payments', label: 'Debt Payments' },
+    { value: 'taxes', label: 'Taxes' },
+    { value: 'savings', label: 'Savings' },
+    { value: 'other', label: 'Other' },
+] as const;
+
+export const INCOME_TYPES = [
+    { value: 'salary', label: 'Salary' },
+    { value: 'freelance', label: 'Freelance' },
+    { value: 'business', label: 'Business Income' },
+    { value: 'investments', label: 'Investment Income' },
+    { value: 'rental', label: 'Rental Income' },
+    { value: 'pension', label: 'Pension' },
+    { value: 'benefits', label: 'Government Benefits' },
+    { value: 'other', label: 'Other' },
+] as const;
+
+export const RECURRING_OPTIONS = [
+    { value: 'weekly', label: 'Weekly' },
+    { value: 'monthly', label: 'Monthly' },
+    { value: 'yearly', label: 'Yearly' },
+] as const;
\ No newline at end of file
diff --git a/lib/validations/finance.ts b/lib/validations/finance.ts
new file mode 100644
index 0000000..02aec44
--- /dev/null
+++ b/lib/validations/finance.ts
@@ -0,0 +1,99 @@
+import { z } from 'zod';
+
+export const createAssetSchema = z.object({
+    name: z.string().min(1, 'Name is required').max(100, 'Name must be less than 100 characters'),
+    type: z.enum(['real_estate', 'vehicle', 'cash', 'savings', 'other']),
+    value: z.string().refine((val) => !isNaN(Number(val)) && Number(val) >= 0, {
+        message: 'Value must be a positive number'
+    }),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    purchaseDate: z.string().optional(),
+});
+
+export const updateAssetSchema = z.object({
+    name: z.string().min(1, 'Name is required').max(100, 'Name must be less than 100 characters').optional(),
+    type: z.enum(['real_estate', 'vehicle', 'cash', 'savings', 'other']).optional(),
+    value: z.string().refine((val) => !isNaN(Number(val)) && Number(val) >= 0, {
+        message: 'Value must be a positive number'
+    }).optional(),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    purchaseDate: z.string().optional(),
+});
+
+export const createInvestmentSchema = z.object({
+    name: z.string().min(1, 'Name is required').max(100, 'Name must be less than 100 characters'),
+    type: z.enum(['stocks', 'bonds', 'crypto', 'mutual_funds', 'etf', 'commodities', 'other']),
+    symbol: z.string().max(10, 'Symbol must be less than 10 characters').optional(),
+    quantity: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Quantity must be a positive number'
+    }),
+    purchasePrice: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Purchase price must be a positive number'
+    }),
+    currentPrice: z.string().refine((val) => !isNaN(Number(val)) && Number(val) >= 0, {
+        message: 'Current price must be a positive number'
+    }).optional(),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    purchaseDate: z.string(),
+});
+
+export const updateInvestmentSchema = z.object({
+    name: z.string().min(1, 'Name is required').max(100, 'Name must be less than 100 characters').optional(),
+    type: z.enum(['stocks', 'bonds', 'crypto', 'mutual_funds', 'etf', 'commodities', 'other']).optional(),
+    symbol: z.string().max(10, 'Symbol must be less than 10 characters').optional(),
+    quantity: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Quantity must be a positive number'
+    }).optional(),
+    purchasePrice: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Purchase price must be a positive number'
+    }).optional(),
+    currentPrice: z.string().refine((val) => !isNaN(Number(val)) && Number(val) >= 0, {
+        message: 'Current price must be a positive number'
+    }).optional(),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    purchaseDate: z.string().optional(),
+});
+
+export const createExpenseSchema = z.object({
+    title: z.string().min(1, 'Title is required').max(100, 'Title must be less than 100 characters'),
+    amount: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Amount must be a positive number'
+    }),
+    category: z.enum(['housing', 'transportation', 'food', 'utilities', 'insurance', 'healthcare', 'entertainment', 'education', 'clothing', 'personal_care', 'debt_payments', 'taxes', 'savings', 'other']),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    date: z.string(),
+    isRecurring: z.enum(['weekly', 'monthly', 'yearly']).optional(),
+});
+
+export const updateExpenseSchema = z.object({
+    title: z.string().min(1, 'Title is required').max(100, 'Title must be less than 100 characters').optional(),
+    amount: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Amount must be a positive number'
+    }).optional(),
+    category: z.enum(['housing', 'transportation', 'food', 'utilities', 'insurance', 'healthcare', 'entertainment', 'education', 'clothing', 'personal_care', 'debt_payments', 'taxes', 'savings', 'other']).optional(),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    date: z.string().optional(),
+    isRecurring: z.enum(['weekly', 'monthly', 'yearly']).optional(),
+});
+
+export const createIncomeSchema = z.object({
+    title: z.string().min(1, 'Title is required').max(100, 'Title must be less than 100 characters'),
+    amount: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Amount must be a positive number'
+    }),
+    type: z.enum(['salary', 'freelance', 'business', 'investments', 'rental', 'pension', 'benefits', 'other']),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    date: z.string(),
+    isRecurring: z.enum(['weekly', 'monthly', 'yearly']).optional(),
+});
+
+export const updateIncomeSchema = z.object({
+    title: z.string().min(1, 'Title is required').max(100, 'Title must be less than 100 characters').optional(),
+    amount: z.string().refine((val) => !isNaN(Number(val)) && Number(val) > 0, {
+        message: 'Amount must be a positive number'
+    }).optional(),
+    type: z.enum(['salary', 'freelance', 'business', 'investments', 'rental', 'pension', 'benefits', 'other']).optional(),
+    description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+    date: z.string().optional(),
+    isRecurring: z.enum(['weekly', 'monthly', 'yearly']).optional(),
+});
\ No newline at end of file
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 0000000..731ef96
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getSessionCookie } from "better-auth/cookies";
+
+export async function middleware(request: NextRequest) {
+  const url = request.nextUrl;
+
+  const session = getSessionCookie(request);
+
+  console.log({session});
+  
+  // Only protect dashboard routes
+  if (url.pathname.startsWith('/dashboard')) {
+    // Check for auth cookie (simplified check for edge runtime)
+    
+    // If no auth token, redirect to sign-in
+    if (!session) {
+      const signInUrl = new URL('/sign-in', request.url);
+      signInUrl.searchParams.set('redirect', url.pathname);
+      return NextResponse.redirect(signInUrl);
+    }
+  }
+
+  // For all other routes, continue normally
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     * - public folder
+     */
+    '/((?!api|_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
+  ],
+};
\ No newline at end of file