Investment Planner
Visual roadmap and vision board canvas for structuring financial goals, dividend targets, and branching wealth paths.
Project Overview & Capabilities
Investment Planner transforms abstract financial targets into an interactive, visual roadmap. Position draggable milestone cards, link goals with directional branching paths, monitor progress toward financial independence, and export high-definition vision boards with private financial switches.
Key Features & Capabilities
- Visual roadmap canvas with draggable goal cards and cubic Bezier connection lines
- Customizable milestones with icons, categories, target amounts, dates, and progress rings
- Branching path support with automatic directional anchor points
- Clean Presentation Mode for distraction-free vision board walkthroughs
- Multi-plan manager with instant templates (Dividend Freedom, £100k Tipping Point, Coast FIRE)
- High-res PNG export with granular privacy toggles (hide amounts default) and ALIncomeDev branding
Technologies & Architecture
React 19
TypeScript
Tailwind CSS
Infinite Canvas Vector Engine
Firestore Realtime