#14: Dashboard UI/UX & Wiring

Summary
We need a senior Bubble developer + UI/UX designer to complete and polish the investor dashboard so all KPI cards, charts, tables and placeholders show real data. The deliverable is a production-ready dashboard (responsive) that consumes our backend APIs and displays accurate, user-scoped info with proper loading / empty / error states and tooltips.

Scope of work
- Connect KPI cards (Portfolio Value, Total Appreciation, Monthly Earning, Monthly Payout) to the backend KPI endpoint (e.g. GET /user/{user_id}/kpis).
- Wire Overview and Investment ROI charts to time-series endpoints:
- GET /market/history/{area_key}?days=90 (price/sqm, valuation)
- or GET /user/{id}/portfolio-snapshot/latest if available
- Populate "My Portfolio" table from the Investment / Property records (Project Name, Invested Amount, Taxes, Insurance, Invested Date).
- Populate "Upcoming Payments" using /user/{id}/upcoming-payments?days=30.
- Replace placeholders with:
--Skeleton loaders during fetch
--Clear empty-state CTAs (e.g., “Upload SPA to populate payment schedule”)
- Error state messaging
- Visual polish to match existing mockup: typography, spacing, card styles, color-coded trend indicators (green/red), currency formatting, last-updated timestamps.
- Build single test user flows and provide screenshots / short recorded preview link for review.
- Implement small performance improvements on front-end calls (batch requests where needed).

Deliverables
- Fully functional dashboard in Bubble (staging) wired to provided APIs
- Screenshots / preview link + short QA checklist
- Bubble app changes documented (what was changed in the editor)
- Acceptance test instructions (how we verify values)

Acceptance criteria
- KPI numbers match backend aggregation for a sample investor
- Overview and ROI charts display time-series data (non-empty) and zoom toggles (1w/1m/1y) work
"My Portfolio" lists the investor’s properties only
- Upcoming Payments shows next 30 days due items (if any); otherwise a clear CTA
- Mobile responsive and loads within ~2s on staging
- All empty states and tooltips implemented

Skills required
- Expert Bubble.io developer
- UI/UX experience for dashboards and data viz (Chart.js or Bubble chart plugins)
- Strong front-end performance knowledge
- Familiar with REST API integrations and JWT/API key usage