project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

Frame n' Chips

Frame n’ Chips is a no-code builder for creating quests that can be distributed via Farcaster Frames. Users can perform on-chain actions to complete quests without leaving the frame. Then, they receive Chips XPs, and climb the project leaderboard competing with others for rewards

Frame n' Chips

Created At

ETHGlobal London

Winner of

Base - Build an Onchain Product 3rd place

Project Description

Frame n’ Chips is a no code quest builder that leverages Farcaster frames. Through our frames, projects ask users to complete on-chain quests. Quest might involve completing an on-chain event, holding a minimum ERC20 balance, holding an NFT, etc. Projects will be asked to provide simple information such as the quest title, the chain and the contract address. Finally, projects assign points that will be distributed to users in case a quest is completed. The builder will then output a URL that can be copied and pasted in farcaster-like website such as Warpcast so that it generates a dynamic frame. Users will find the quest on their feed, complete/verify that the task is completed and receive Chips (XPs). The frame will then show the project leaderboard with all participant's rankings. The gamified community interaction inside social media is the perfect mix of distribution and engagement. Projects will reach countless users on Farcaster and will keep the community engaged and rewarded. Users will be incentivised to complete a quest on the protocol, compete to be on top of the project leaderboard and win exciting rewards! All, without leaving a simple frame.

How it's Made

Frame n’ Chips is a web application built with React and NextJs and hosted on a proprietary domain on Vercel. The project’s sign-in with Farcaster is handled through the @farcaster/auth-kit React library that shows a QR code scannable with the Warpcast mobile app. The quest builder takes the project’s specific information and creates a custom Farcaster frame with related metadata through the @coinbase/onchainkit library. The APIs endpoint are handled by NextJs, using a connection with MongoDB to save Quest, Users and Leaderboard information.

background image mobile

Join the mailing list

Get the latest news and updates