Fin

📱 App Summary The application is named Fin and is designed as a personal finance management and expense tracking tool. According to the keywords and project setup, its core features likely include:

Expense Tracking & Budgeting: Managing day-to-day transactions and financial planning. Currency Support: Specifically tailored to handle different currencies, mentioning USD, USDT, and Venezuelan Bolívares. Internationalization (i18n): The app supports multiple languages natively, using localized routing. AI Integrations: It includes AI SDK packages, suggesting features like intelligent categorization, receipt scanning, or an AI financial assistant. 🛠️ Technology Stack Core Framework & Language

Next.js (v16.1): The core React framework, utilizing the modern App Router architecture (src/app). React (v19): The foundational UI library. TypeScript: Used throughout the project for static typing and better developer experience. Styling & UI

Tailwind CSS (v4): For utility-first styling. Radix UI & shadcn/ui: The app relies heavily on headless, accessible Radix UI primitives (Dialogs, Popovers, Selects, etc.) which are likely styled using shadcn/ui components (indicated by the components.json file). Lucide React: For scalable vector icons. next-themes: To handle seamless dark/light mode switching. Sonner: An opinionated toast component for in-app notifications. Backend, Database & Auth

Supabase: Acts as the primary backend-as-a-service. @supabase/ssr: For secure, server-side authentication and data fetching within Next.js. @supabase/auth-ui-react: Pre-built authentication interfaces. It uses local Supabase configuration and migrations (found in the supabase/ directory) to manage the database schema. Data Management & Forms

React Hook Form: Used for managing complex form states. Zod: Used for robust form validation and schema definition. TanStack Table: A headless UI library used for building complex, interactive data grids/tables (likely for transaction lists). Recharts: A composable charting library built on React components, used for financial data visualization and dashboards. Utilities & Integrations

next-intl: Handles the multi-language support (i18n) and localized routing. Vercel AI SDK (ai, @ai-sdk/google): Integrated for building AI-powered features, specifically connected to Google's AI models. Date Management: date-fns for manipulating dates and react-day-picker for calendar components. Vercel Analytics: Included for tracking page views and user engagement. Browser Image Compression: Used to compress images (like receipts or avatars) on the client side before uploading them to the server.