CompoundMF | Expert Mutual Fund Distributor for Wealth Creation - 13KBS Portfolio | Next js Development

Project Overview

Duration: 2026 - Present

Role: Senior Full-Stack Developer

Industry: Financial Services | Mutual Fund Distributor for Wealth Creation

Stage: Early-stage

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

Architecture: Built on Next.js with React and TypeScript.
Development: Uses a hybrid styling approach with Tailwind CSS and SCSS/SASS for modular design.

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 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 for developer velocity and SCSS for premium visual excellence (e.g., custom animations and glassmorphism).
Performance Engineering: Prioritizing Optimized Typography and Micro-animations for an instantaneous, premium user experience.

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 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.

I have documented the platform's innovative technical solutions in the 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 and React 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 to preserve a smooth experience on all devices.

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