feat: initial commit - finanzas app

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)
This commit is contained in:
renato97
2026-01-29 00:00:32 +00:00
commit 712b06f118
65 changed files with 8556 additions and 0 deletions

32
app/debts/page.tsx Normal file
View File

@@ -0,0 +1,32 @@
'use client'
import { Sidebar, Header, MobileNav } from '@/components/layout'
import { DebtSection } from '@/components/debts'
import { useSidebar } from '@/app/providers'
import { useAlerts } from '@/components/alerts'
export default function DebtsPage() {
const { isOpen, close, open } = useSidebar()
const { unreadCount } = useAlerts()
return (
<div className="min-h-screen bg-slate-950">
{/* Sidebar */}
<Sidebar isOpen={isOpen} onClose={close} unreadAlertsCount={unreadCount} />
{/* Main content */}
<div className="lg:ml-64 min-h-screen flex flex-col">
{/* Header */}
<Header onMenuClick={open} title="Deudas" />
{/* Page content */}
<main className="flex-1 p-4 md:p-6 lg:p-8 pb-20 lg:pb-8">
<DebtSection />
</main>
</div>
{/* Mobile Navigation */}
<MobileNav unreadAlertsCount={unreadCount} />
</div>
)
}