Build Asset Dashboard with Stats and Quick Actions

[yusuftomilola]

Description

Create a comprehensive dashboard that provides an overview of asset statistics, recent activities, and quick action buttons.

Requirements

Stats Cards Section:

• Total Assets (with trend indicator)
• Assets by Status (Active, Assigned, In Maintenance, Retired)
• Total Asset Value
• Assets Requiring Attention (warranty expiring, maintenance due)

Charts Section:

• Pie chart: Assets by Category
• Bar chart: Assets by Department
• Line chart: Asset Registrations Over Time (last 6 months)

Recent Activity Feed:

• Display last 10 asset activities (created, assigned, transferred, retired)
• Show timestamp, asset name, action type, and user who performed action
• Link to detailed asset view

Quick Actions:

• "Register New Asset" button
• "Generate Report" button
• "Bulk Import" button
• "Request Asset" button

Technical Specifications

• Use Recharts or Chart.js for data visualization
• Implement React Query for data fetching with proper caching
• Add loading skeletons for better UX
• Implement real-time updates using WebSocket or polling (configurable)
• Make dashboard customizable (users can rearrange widgets)
• Add date range filter for statistics

Acceptance Criteria

• Dashboard loads within 2 seconds
• All stats display accurate data from API
• Charts are responsive and interactive (hover tooltips)
• Activity feed updates automatically
• Quick actions navigate to correct pages
• Dashboard works on all screen sizes
• Loading states are smooth and informative

API Endpoints

• GET /api/dashboard/stats - Dashboard statistics
• GET /api/dashboard/activities - Recent activities
• GET /api/dashboard/charts - Chart data

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 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

[legend4tech]

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

Hi am legend4tech a fullstack developer, and a top Open source Contributor (former Fellow at onlydust) I will love to work on this issue. Looking forward to be assigned.

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

[Kaylahray]

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

Hi Maintainer🙋‍♀️. I'm a skilled developer and I would love to bring build the asset dashboard.

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

[Sandijigs]

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

hi My name is Sandra.
I have reviewed the issue and understand what needs to be done
I am a fullstack software/ Blockchain Engineer with over 6years of experience web2 experience(Fullstack) and 2 year web3 experience (JavaScript,TypeScript, Rust ,Python, Soroban,Solidity,(Backend, frontend, Mobile and smart contracts) ). I have contributed to several projects in the stellar ecosystem. . please Assign this Issue to me

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

[Emmzyemms]

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

I’d like to work on this frontend issue. I have experience with Web3 UI integration, wallet connections, and responsive React-based interfaces.
I can start immediately. Thanks!

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

[raymondjoseph02]

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

Hi, I’m Raymond Joseph, a Frontend Developer experienced with React/Next.js, TypeScript, Tailwind CSS, and data-driven dashboards.

For this task, I’ll build a comprehensive Asset Dashboard with stats cards, interactive charts, a recent activity feed, and quick action buttons. I’ll use Recharts/Chart.js for visualizations, React Query for data fetching with caching, and implement real-time updates via WebSocket or polling. The dashboard will be fully responsive, performant, and include loading skeletons and smooth interactions for a great user experience.

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

[Godsmiracle001]

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

Hello Maintainer, i ill love to handle this issue

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

[lishmanTech]

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

Hello maintaner

I am a fullstacl engineer with many years of experience, Can i work on this

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

[drips-wave]

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

🧑‍💻 @Kaylahray: 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 🌊