Dashboard V3

[Kevils]

Loom : https://www.loom.com/share/09921f6d056c40fc9596ccfe9e8ca169

Figma : https://www.figma.com/design/fh0OAvj4AS08kHoSxu3DkE/%F0%9F%9A%80-Starknet-Quest?node-id=5992-2849&t=dvRbR5qAwsX8KioR-1

1 - Add wallet amount in $ : #877
2 - Add privacy icon : #878
3 - Add "Portfolio by asset type" section with a donut chart : #879
4 - Add "Portfolio by protocol used" section with a donut chart and a "Claim your reward" button : #880

@Marchand-Nicolas, we need the backend for these issues.

[thiagoulloa]

Can I work on this? @Kevils

[od-hunter]

Hi @Kevils , can I work on this please?

[drakkomaximo]

[FE]: Dashboard V3

Hi @Kevils and everyone!, I'm a Dojo Coding member⛩️

I’d be happy to participate in this issue. With over 5 years of experience in frontend development, I’ve worked on similar projects and can ensure a clean, user-friendly, and well-structured implementation.

Steps to Resolve:

1) Design and Layout:

• Implement the overall layout based on the Figma design.
• Ensure the dashboard is fully responsive.

2) Wallet Balance Display:

• Add a section that shows the wallet balance in USD, fetched dynamically from the backend.

3) Privacy Icon:

• Integrate a privacy icon to allow users to toggle visibility of sensitive data.

4) Portfolio Charts (donut):

• One for portfolio distribution by asset type.
• Another for portfolio distribution by protocol used.

5) Claim Reward Button:

• Add a “Claim Your Reward” button, which will be connected to backend functionality to enable reward claims.

6) Backend Integration:

• Work with backend to fetch the necessary data (wallet balance, portfolio details, and rewards) and ensure smooth real-time updates.

7) Interactivity & Data Handling:

• Ensure data is dynamically updated and charts reflect real-time changes.
• Implement clear data interactions for a smooth user experience.

---

Estimated Time: 2-5 days

Why I’m Interested

I am interested because it combines UI design, dynamic data handling, and backend integration, offering a challenging project that involves building a comprehensive and user-friendly dashboard with real-time updates..

Let me know if I can start working on this!

[legend4tech]

I’d like to resolve this.

[viktrified]

Could I grab this task?

[Elite-tch]

Mind if I try this one?

[wengDavo]

I can handle this perfectly

[BlessingEmejulu]

I’d like to help with this.

[BlessingEmejulu]

I'm available to the dashboard V3 @Marchand-Nicolas