# System Overview

#### Core Components

* **Frontend**: Next.js 14 application with App Router.
* **Authentication**: Supabase Auth with email/password and Google OAuth.
* **Database**: Supabase (PostgreSQL) with Row Level Security.
* **State Management**: React Context + Custom Hooks.
* **Internationalization**: i18next with language detection.

#### Technology Stack

* Framework: Next.js 14 (React).
* Styling: Tailwind CSS + shadcn/ui.
* Database: Supabase (PostgreSQL).
* Authentication: Supabase Auth.
* Type Safety: TypeScript.
* Icons: Lucide React.
* Form Handling: React Hook Form + Zod.
* PDF Generation: `@react-pdf/renderer`.

#### Key Design Patterns

* Singleton Pattern: Supabase client.
* Provider Pattern: Auth context, Theme provider.
* Container Pattern: Auth container components.
* Repository Pattern: Database access layers.
* Observer Pattern: Real-time subscriptions.

<br>