Drag-and-Drop Multi-Vault Portfolio Builder

[edehvictor]

📝 Description

Instead of depositing into one vault at a time, power users want to allocate capital across multiple strategies. We need a UI where users can drag sliders to allocate a lump sum across 3-4 vaults simultaneously.

🎯 Acceptance Criteria

• Build a React component where a user inputs a total amount (e.g., 10,000 USDC).
• Implement drag-and-drop or connected sliders ensuring the total allocation always equals 100%.
• Display a blended, real-time APY projection based on the user's custom allocation weights.
• Construct a batched XDR transaction that executes deposits into all selected vaults in a single click.

🛠 Technical Details

• Stack: React, Framer Motion, Stellar SDK.
• Location: /frontend/src/features/portfolio_builder/
• Security: Complex frontend validation to ensure floating-point math rounding errors don't cause the transaction to fail.

⏱ Complexity & Scope

• Estimated Time: 3 weeks.
• Drips Complexity: High (200 points) - Highly complex reactive UI and transaction bundling.

📋 Guidelines for Submission

• Minimum 90 percent test coverage required.
• Clear NatSpec-style documentation must be added to public contract functions.
• Timeframe for completion: 2 Wave cycles.

[Opeyemi0001]

@Opeyemi0001 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hey Maintainer, I have gone through the details of the issue and i am capable of resolving it, I would love to be assigned to work on it ASAP. Thanks in advance

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Opeyemi0001 to this issue.

[Osuochasam]

@Osuochasam has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

pls assign me this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Osuochasam to this issue.