Mediolano dApp: Latest Activities Modular Component (MIP Collections Protocol)

[salvadorcamino]

We want to surface real-time activity from the MIP Collections Protocol. This includes key events such as minting and transferring of collections and assets.

Goal:

Mediolano dapp modular component that displays the latest activities from the MIP Collections Protocol. This will serve as a dynamic feed of onchain events and can be embedded across multiple pages of the dApp.

Activities to Display:

• Mint Collection
• Mint Asset
• Transfer Collection
• Transfer Asset
• Burn Asset
• Burn Collection

Implementation:

• Fetch activity data from Starknet events emitted by the MIP Collections Protocol
• Normalize and format events for display (e.g., timestamp, actor, asset/collection ID)
• Use a clean, scrollable UI (e.g., card list or timeline)
• Include links to relevant pages:
  • Asset page (/asset/[id])
  • Collection page (/collection/[id])
  • Portfolio page (/portfolio)

Requirements:

• Modular and embeddable across the dapp
• Configurable props (e.g., limit, filter by type, show timestamps)

Criteria:

• Component displays real-time or near-real-time protocol activity
• Events are clearly labeled and link to relevant pages
• Component is reusable and styled consistently with Mediolano UI
• Graceful handling of empty states or fetch errors

[FabriAlberto]

Could I try solving this?

[lucifer1017]

Okay, so this is a fun and easy one. I am an experienced Full Stack Web3 Developer, with extensive experience with React, NextJs, TypeScript and Wagmi(for the integration).