Compound Mutual Fund

Duration: 2026 - Present

Role: Senior Full-Stack Developer

Industry: Financial Services | Mutual Fund Distributor for Wealth Creation

Stage: Early-stage

📈 Core Investment Platform (Compound-MF)

Following your reference style, here is the architecture and development overview for the compound-mf platform:

• Architecture: Built on Next.js 16.2.1 (App Router) with React 19.2.4 and TypeScript 5.7.3.
• Development: Uses a hybrid styling approach with Tailwind CSS 4.0.0 and SCSS/SASS 1.83.4 for modular design.
• Workflow: Managed via npm with standard dev, build, and lint scripts.

🏛️ Technical Leadership & Architecture

I have documented the core architectural vision and leadership principles for this project in the 

technical_leadership_architecture.md artifact.

Here are the key highlights:

• Modular Architecture: Strategic use of the Next.js 16 App Router for deep nesting and server-side optimization.
• Data-Driven Design: Features like the Risk Profile Quiz and SIP Calculator are built on logic-decoupled data structures, making them highly maintainable and easily configurable.
• Hybrid Styling Strategy: A high-performance combination of Tailwind CSS 4 for developer velocity and SCSS for premium visual excellence (e.g., custom animations and glassmorphism).
• Performance Engineering: Prioritizing Optimized Typography (Geist, DM Sans) and Micro-animations (countup.js) for an instantaneous, premium user experience.

🤝 Cross-Functional Leadership

I have documented how the technical execution of this project aligns with Design, Product, and Business Strategy in the 

cross_functional_leadership.md artifact.

Here are the key highlights:

• Design & Engineering Integration: Bridging the gap between premium design and performance, using Tailwind CSS 4 and SCSS to ensure flawless visual consistency across and branding.
• Product Synergy: Aligning high-value features like the Risk Quiz and SIP Calculators with the core business mission of "Building Trust Through Expertise."
• Regulatory & Strategic Alignment: Ensuring mission-critical compliance data (ARN, AMFI registration) is centralized and accurately displayed across all platform touchpoints.
• Future-Ready Foundations: Implementation of foundational integrations (e.g., Calendly, dedicated SEO metadata) to support proactive business growth and professional reputation.

🚀 Technical Innovation

I have documented the platform's innovative technical solutions in the 

technical_innovation.md artifact.

Here are the core innovations of Compound-MF:

• Advanced Calculation Engine: Implementation of the Annuity Due Formula for SIP calculations, providing high mathematical precision that accounts for investments at the beginning of each period.
• Dynamic SVG Dashboard: A lightweight, library-free SVG charting system that uses Stroke-Dasharray and React State for real-time, zero-overhead visual updates as users adjust sliders.
• Early Modern API Adoption: Seamlessly leveraging Next.js 16 and React 19 features (like React Server Components and improved state flow) to ensure the platform is future-proof.
• Performance-First Engineering: Implementation of Zero-Layout-Shift typography and memory-efficient calculations (via useCallback) to preserve a smooth experience on all devices.

💻 Technical Stack

Based on the project's configuration and dependencies, here is the official technical stack for Compound-MF:

• Framework: Next.js (App Router architecture)
• Core Library: React
• Language: TypeScript
• Styling & Design:
• Tailwind CSS 4.0.0 (utility-first styling)
• Sass (SCSS) 1.83.4 (modular component-level styling)
• Icons: Lucide React (v1.7.0)
• Numeric Animations: countup.js (v2.10.0)
• Deployment & Performance: Fully optimized for Vercel and similar edge-ready platforms with efficient font management via next/font/google.