Complete personal finance management application with: - Dashboard with financial metrics and alerts - Credit card management and payments - Fixed and variable debt tracking - Monthly budget planning - Intelligent alert system - Responsive design with Tailwind CSS Tech stack: Next.js 14, TypeScript, Zustand, Recharts 🤖 Generated with [Claude Code](https://claude.com/claude-code)
28 lines
1003 B
TypeScript
28 lines
1003 B
TypeScript
import { create } from 'zustand'
|
|
import { persist } from 'zustand/middleware'
|
|
import { AppState } from '@/lib/types'
|
|
import { createDebtsSlice, DebtsSlice } from './store/slices/debtsSlice'
|
|
import { createCardsSlice, CardsSlice } from './store/slices/cardsSlice'
|
|
import { createBudgetSlice, BudgetSlice } from './store/slices/budgetSlice'
|
|
import { createAlertsSlice, AlertsSlice } from './store/slices/alertsSlice'
|
|
|
|
// Combined State Interface
|
|
// Note: We extend the individual slices to create the full store interface
|
|
export interface FinanzasState extends DebtsSlice, CardsSlice, BudgetSlice, AlertsSlice { }
|
|
|
|
export const useFinanzasStore = create<FinanzasState>()(
|
|
persist(
|
|
(...a) => ({
|
|
...createDebtsSlice(...a),
|
|
...createCardsSlice(...a),
|
|
...createBudgetSlice(...a),
|
|
...createAlertsSlice(...a),
|
|
}),
|
|
{
|
|
name: 'finanzas-storage',
|
|
// Optional: Filter what gets persisted if needed in the future
|
|
// partialize: (state) => ({ ... })
|
|
}
|
|
)
|
|
)
|