What is Money?
Money is a full-featured TypeScript monorepo that combines powerful personal finance management with secure password storage. Built with modern web technologies, it provides two flagship applications alongside a robust shared component library.CashGap
Track income, manage expenses, and monitor subscriptions in one beautiful platform
SecureVault
Store and manage passwords securely with encryption and advanced security features
Key Features
Turborepo Monorepo
Efficient build system with Turborepo for managing multiple Next.js applications
TypeScript-First
Full type safety across the entire codebase with strict type checking
Modern Design System
Dark-first UI with Tailwind CSS v4 and OKLCH color system
Secure Authentication
NextAuth.js with MongoDB for robust user authentication and session management
Architecture
The Money monorepo is organized into three main areas:Applications
- CashGap - Personal finance management with income tracking, expense categorization, and subscription monitoring
- SecureVault - Password manager with encryption, favorites, categories, and security analytics
- Web - Landing pages and marketing site
Shared Packages
- @repo/ui - Comprehensive component library with 30+ reusable React components
- @repo/auth - Authentication utilities and components
- @repo/eslint-config - Shared ESLint configuration
- @repo/typescript-config - Shared TypeScript configuration
Design System
A consistent, modern design system featuring:- OKLCH-based color palette for perceptually uniform colors
- Large border radius (20px) for friendly, modern interfaces
- Radix UI primitives for accessible, unstyled components
- Responsive-first approach with mobile-optimized layouts
Quick Start
Get Started
Follow our quickstart guide to set up and run the monorepo locally
Monorepo Structure
Understand the organization and architecture of the project
Development Setup
Set up your development environment with all required tools
Contributing
Learn how to contribute to the Money monorepo
Technology Stack
Money is built with modern, production-ready technologies:- Framework: Next.js 16 with App Router
- Language: TypeScript 5.9
- Styling: Tailwind CSS v4 with PostCSS
- UI Components: Radix UI primitives
- Authentication: NextAuth.js 5.0 (beta)
- Database: MongoDB with Mongoose
- Monorepo Tool: Turborepo 2.7
- Package Manager: pnpm 9.0
- State Management: Zustand
- Data Fetching: TanStack Query (React Query)
Use Cases
For Personal Finance Management
- Track multiple income sources with detailed records
- Categorize and analyze expenses by type, date, and amount
- Monitor recurring subscriptions and avoid unwanted charges
- View financial analytics with beautiful charts and visualizations
- Set budgets and track progress towards financial goals
For Password Security
- Store unlimited passwords with bank-level encryption
- Organize credentials by categories and tags
- Identify weak, reused, or compromised passwords
- Quick access to favorite passwords
- Security analytics and password health monitoring
What’s Next?
Set up the monorepo
Clone the repository and install dependencies with our quickstart guide
Explore the applications
Learn about CashGap and SecureVault
Understand the packages
Dive into the shared UI components and design system
Start developing
Check out the development guide to start building