home

Frameboard

Frameboard - Frameboard is a crypto-powered content curation platform, inspired by Pinterest, where users can earn by curating content. Whether through URL links, image uploads, a browser extension, or Farcaster actions, curating has never been easier. Users can monetize their curated collections by charging for access using NFT and token gating or by earning from NFT mint referrals.

How we built it

  • Web app
    • Built with NextJS and utilizes the pages router.
    • Features an HTML parser to extract images from any URL.
    • Implements a server-side image loader.
    • Dynamically renders UI based on user roles.
  • API
    • Reuses our custom back-end framework.
    • Supports token-gated access to certain resources.
  • Chrome extension
    • Helps to curate from browser extension.
    • Renders dynamic UI based on user role.
    • One of the reasons to build chrome extension is that some of the websites uses client side rendering. Thus image urls are only available when html document is ready.
  • OG Image Generator Service
  • Indexer
    • Deployed as a Subgraph indexer on Alchemy Subgraphs.
    • Efficiently indexes events from smart contracts responsible for the "collecting board" feature.
  • Smart contracts
    • ERC721: An upgradeable smart contract representing the collectible board.
    • ERC721Factory: An upgradeable contract factory that creates instances of ERC721 when a user creates a collectible board.
    • FeeManager: An upgradeable smart contract that manages the distribution of fees and mint referrals.
    • Built on the OpenZeppelin framework.
    • Deployed using Hardhat.

New learnings

  • Gained experience in building a Chrome Extension from scratch.
  • Leveraged Subgraph for efficient indexing of blockchain events.
Frameboard