Moneta

Project description

Moneta is a personal finance mobile app in development, built with Expo Router and React Native to bring accounts, movements, categories, non-financial assets, and net-worth reporting into one mobile experience. The frontend is organized around protected route groups: the AuthProvider restores the Supabase session from expo-secure-store, then the app switches between the auth area and the private app area without manually handling tokens inside screens. Requests go through a centralized Axios client configured with an environment base URL, timeout, and request interceptor that attaches the Supabase JWT whenever a valid session exists; above that transport layer, TanStack Query defines query keys, caching, retries, invalidations, and refetch behavior for accounts, transactions, categories, reports, and assets. The UI uses NativeWind with warm/gold design tokens, RN Primitives-based components, bottom sheets, skeleton states, error placeholders, and mobile-first patterns for lists and quick actions. The main forms use React Hook Form and Zod, with schema factories for translated validation messages and monetary parsing into cents before API submission. Product-wise, login/register, net-worth home, account management, transaction creation and reading, custom categories, non-financial assets, and valuations are already in motion; the budget tab exists as a prepared UI surface but is not connected to real backend data yet. That is why Moneta is marked as in development: the goal is not just a finance UI, but a typed, structured mobile client ready to grow on real API contracts.

Project highlights

• Expo Router structures the app into auth/app route groups, with protected screens driven by session state and a clean mobile navigation model.
• Supabase Auth is used only for authentication and session handling, persisted through SecureStore and attached to API calls automatically through an Axios interceptor.
• TanStack Query centralizes server-state, query keys, cache, refetching, and invalidations for accounts, transactions, categories, reports, and non-financial assets.
• React Hook Form + Zod handle complex forms, localized validation, and robust transformations such as parsing monetary input into cents.
• NativeWind, RN Primitives, and custom design tokens shape a warm/gold mobile interface with skeletons, empty states, error states, financial lists, and coherent creation flows.