Design & Implement Financial Insights/Reports Page

[Baskarayelu]

Create a financial insights page showing monthly reports, spending vs saving breakdown, and simple visualizations.

Design Requirements

Layout Structure:

1. Header:

   • Back button
   • Page title: "Financial Insights"
   • Date range selector (This Month, Last Month, Custom)

2. Summary Cards:

   • Total Remittances
   • Total Saved
   • Bills Paid
   • Insurance Premiums

3. Spending vs Saving Chart:

   • Pie chart or bar chart
   • Visual breakdown
   • Percentage indicators

4. Monthly Trends:

   • Line chart showing trends over time
   • Remittances, savings, bills

5. Category Breakdown:

   • Spending by category
   • Savings by goal
   • Bills by type

Visual Design:

• Charts and graphs (use charting library)
• Color-coded categories
• Clear data visualization
• Simple, non-technical language

⚠️ Important Note
This is a UI/UX design task, not a frontend development task.
Contributors are expected to have strong UI/UX design experience and be comfortable working in Figma (wireframes, user flows, and visual design).

Please do not apply if you are only a frontend developer without UI/UX design expertise.

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[ALIPHATICHYD]

@ALIPHATICHYD has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I'll create "Savings Goals" page with responsive goals grid (target icon, name, description, progress bar %, deadline, remaining amount), "New Goal" form (name/target/date picker), "Add Funds"/"View Details" buttons, green progress styling, and fully responsive desktop/mobile layout.

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

[BrayanMQ]

@BrayanMQ has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi! I’d be happy to work on this issue. I have experience contributing to collaborative projects and have also acted as a maintainer, which has given me strong skills in understanding requirements, managing issues, and delivering reliable, well-scoped solutions.

I’m a Computer Science Engineer and full-stack developer with solid experience implementing solutions across both backend and frontend, mainly working with React, TypeScript, Node.js, and C#. I enjoy building scalable features and collaborating closely with other contributors to deliver high-quality results.

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

[Danielodingz]

@Danielodingz has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I’d like to work on this issue because it focuses on goal-driven financial UX, where clarity, progress visualization, and ease of use are critical. Designing a savings goals page requires thoughtful layout, hierarchy, and feedback to keep users motivated, and that’s an area I’m experienced in.

I have strong UI/UX design experience and regularly work in Figma to create wireframes, user flows, and polished visual designs for fintech products. I’ve designed dashboards, cards, progress-based components, and responsive layouts similar to the requirements outlined (goal cards, progress bars, action CTAs).

I’ll deliver a clean, intuitive, and responsive design that aligns with the provided specifications and is ready for developer handoff.

You can view selected projects and case studies on my Behance portfolio:
Behance: https://www.behance.net/danielodinegun

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

[Hahfyeex]

@Hahfyeex has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I've been UIUX designer for the past 4 years...check my portfolio here...expect the best Designs https://www.behance.net/tunmisehasf930

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

[emdevelopa]

@emdevelopa has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi! I’d like to work on this issue. I have UI/UX experience and can design the Financial Insights page with clear charts, summary cards, and trends as described.

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

[edehvictor]

@edehvictor has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi Remitwise Team,
​I am a UI/UX Designer and Frontend Engineer with a passion for turning complex financial data into actionable insights. I understand this is a design-only role, and I am ready to deliver a high-fidelity, developer-ready Figma system that makes financial tracking simple and engaging for the average user.
​Why I’m a great fit:
​Data Visualization Specialist: I specialize in designing dashboards that use "plain English" instead of jargon. I focus on using color psychology (e.g., soothing greens for savings, urgent reds for bills) to help users process their status at a glance.
​Figma Power-User: I build organized design files using Auto Layout, shared Color/Text styles, and interactive Components. This ensures that the developer who eventually implements this has a "pixel-perfect" blueprint to follow.
​Financial UX Background: I have designed interfaces for accountability and student portals where tracking trends and category breakdowns was the core value.
​My Design Approach:
​Simplifying the Complex: I will design the "Spending vs. Saving" and "Monthly Trends" sections using high-contrast, accessible charts. I prioritize "Simple, non-technical language" to ensure the reports feel helpful, not overwhelming.
​User-Centric Hierarchy: The most important metrics (Total Remittances/Saved) will be anchored at the top in clear Summary Cards, followed by visual trends that allow users to spot patterns without reading spreadsheets.
​Responsive Fidelity: I will provide mockups for both Desktop and Mobile views, ensuring the charts remain readable and interactive on smaller touchscreens. ​I am ready to deliver a professional, content-focused design that enhances the financial literacy of Remitwise users.

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

[Rampop01]

@Rampop01 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I would like to work on this issue as a full-stack developer with a strong focus on frontend development. I understand the assignment and the requirements, and I’m confident in the approach needed to deliver the best solution. Kindly assign this task to me.
Thank you

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

[JayWebtech]

@JayWebtech has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello, my name is Jethro. I am a full-stack/blockchain developer with 7 years of experience building solution-oriented products.

I am also an expert in building dApps

I can confidently handle this issue.
Here is my portfolio and projects I have handled:

https://ecohotels.com
https://runescard.com
https://usepaystrata.com
https://tafscrapper.com
https://www.usememora.xyz
https://escrowlink.vercel.app
https://reciept-animation.vercel.app

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

[bakarezainab]

@bakarezainab has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I would like to apply to this issue. I’m a web3 frontend developer focused on secure, well-tested protocol components. Kindly assign this issue to me

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

[drips-wave]

Congratulations, @Danielodingz! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on January 31, 2026.

🧑‍💻 @Danielodingz: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

⚠️ Important: When opening a PR, please link it to this issue to ensure it gets tracked accurately.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊