Wealth Compass is a modern, comprehensive personal finance dashboard designed to give you a complete 360-degree view of your financial health. Built with React, Supabase, and Tailwind CSS, it offers real-time tracking of assets, liabilities, and cash flow in a beautiful, privacy-focused interface.
wealth-compass/
├── src/ Web application
├── public/ Web assets
├── apple/
│ └── WealthCompass/
│ ├── Sources/Shared/ Shared iPhone and Mac domain code
│ ├── Sources/iOS/ iPhone application and views
│ ├── Sources/macOS/ Native macOS application and views
│ ├── Resources/iOS/
│ ├── Resources/macOS/
│ └── WealthCompass.xcodeproj
└── .github/workflows/ Web deployment
The web app remains at the repository root so its existing Vite and GitHub Pages deployment stays stable. Native Apple applications are managed by one Xcode project with separate iOS and macOS targets.
Open apple/WealthCompass/WealthCompass.xcodeproj and select:
WealthCompassMobilefor the iPhone appWealthCompassMacfor the native macOS app
See apple/README.md for architecture and build details.
- Net Worth Tracking: Visual history of your net worth over time.
- Asset Allocation: Breakdown of your portfolio by sector and asset class.
- Key Metrics: Instant view of total liquidity, investments, and unnecessary expenses.
- Transaction Tracking: Easy entry for income and expenses.
- Analytics: Monthly savings rate, income vs. expense breakdown.
- Export: Download your transaction history to CSV for external analysis.
- Stock & ETF Tracking: Real-time price updates via Finnhub and Yahoo Finance.
- Performance Metrics: Track cost basis, current value, and profit/loss.
- Sector Analysis: Visualize your exposure across different market sectors.
- Real-time Prices: Live data fetching from CoinGecko.
- Portfolio Overview: Track holdings, average buy price, and current value.
- Privacy Mode: Blur sensitive values with a single click.
- Compound Interest: Project future wealth based on savings and returns.
- FIRE Calculator: Estimate your "Financial Independence, Retire Early" timeline.
- Inflation Impact: Understand how purchasing power changes over time.
- Monte Carlo Simulation: Probability-based stress testing of your portfolio.
- Supabase Backend: Secure data persistence with Row Level Security (RLS).
- Privacy Mode: instantly blur all financial figures for discreet viewing in public.
- Local Caching: Smart caching to minimize API calls and improve performance.
- Frontend: React, TypeScript, Vite
- UI Framework: Tailwind CSS, shadcn/ui
- Backend & Auth: Supabase
- Charts: Recharts
- Icons: Lucide React
- Data Providers: Finnhub (Stocks), CoinGecko (Crypto), Frankfurter (Currency)
Ready to take control of your finances? Follow the installation guide to set up your own instance of Wealth Compass.
Wealth Compass © 2026