Personal Portfolio Engine 📊💼

A high-performance, responsive React web application designed as a personal finance management command center. This system consolidates multi-asset portfolios—including physical real estate holdings, REITs, and liquid debt funds—into a single interface with interactive tracking.

🌟 Key Application Features

• Multi-Asset Command Center: Displays total net worth, real-time asset vs. liability distributions, and cross-portfolio balances.
• Dual-Currency Localization: Integrates a functional native toggle switching all interface valuations dynamically between INR (₹) and GBP (£) for seamless cross-border asset tracking.
• Targeted Allocation Tracking: Features a dedicated sidebar panel to monitor long-term financial milestones, active emergency fund health, and recurring dividend distribution streams.
• Strategic Portfolio Balancing: Built specifically to visualize asset allocation weighting, assisting in restructuring illiquid holdings into higher-yielding liquid wealth funds.

📊 Technical Architecture

Application UI Data Flow

graph TD
    User([User Interaction]) -->|Toggle Currency / Navigation| UI[React UI Components Dashboard]
    UI -->|Triggers State Change| StateManager[React Hooks State Manager]
    StateManager -->|Re-calculates Conversions| CalcEngine[Localization & Formatting Matrix]
    CalcEngine -->|Feeds Raw Portfolio Matrix| AssetData[(Asset Portfolio Database Objects)]
    AssetData -->|Real Estate, REITs, Debt Funds Data| UI

Loading