#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

Budget: EUR 150 (Fixed Price)

Proposals: 9 freelancers have applied