Build a frame to play Chomp from DSCVR

About the Listing

Chomp is an interactive quiz game leveraging the wisdom of the crowd to engage and educate its community. By competing within the community, players can gauge sentiment and tailor the gameplay experience. Most recently, Chomp was awarded 3rd place in Consumer track at the Colosseum Hackathon.

Now it's time to grow :)

We are seeking a talented developer to create a frame on the DSCVR platform that enables

users to play Chomp from the frame.

Scope of Work

Required functionality of the frame

1. Frame loads a random question supplied by the Chomp API.

2. User answers the question within the frame and is redirected to Chomp dApp with answer components as query parameters.

   1. Answers are composed of “1st order” and “2nd order” responses.

   2. 1st order: multiple choice or boolean response

   3. 2nd order: percentage

      1. Ideally the 2nd order response can be inputted with a slider. If not possible, text input for percentage is ok.

3. When user loads frame in the future:

   1. Queries API if the user has any answers that are ready to reveal.

   2. If yes, displays a button/link for the user to go to the Chomp App.

   3. If no, display a new question, as detailed in step 2 above.

4. Here’s a demo of a similar flow on Farcaster. https://www.loom.com/share/32c03bf87dcc43069ad5536c7a19662c?sid=331f4500-3f77-49fd-bc81-bbee0912a817

Rewards + Timeline

$1,000 for completion of project.

• 50% will be paid upon completion of required functionality #1 and #2.

• The remaining 50% will be paid upon completion.

The project is expected to commence immediately upon selection of the right candidate. We expect that the project will take two weeks to complete. No payment will be made and the agreement will be cancelled if implementation takes longer than a month.

At the end of the project, you may be offered a part-time or full-time position at Gator Labs, the creator behind Chomp.

Submission Requirements

Proposal should include

• Tech stack that will be used. Include details about all relevant libraries.

• Explanation of Chomp API endpoints that will be used. URL structure for how the answer will be passed to Chomp. You can see how this has been done for Farcaster here: https://github.com/gator-labs/chomp-frame/blob/e235fa8c25da81da8e0b30b829b38c3cdf98edbc/app/api/%5B%5B...routes%5D%5D/route.tsx

• Follows frame best practices: https://docs.dscvr.one/build/frames/build-a-frame.html

• Written in English.

• Information about the group/individual submitting the proposal. Provide links to Github, portfolio, qualifications, etc.

• Bonus: Diagram of components.

• Bonus: A future version of this frame will allow users to sign transactions within DSCVR instead of redirecting to Chomp for completion. Explain how you would implement this.

The winning proposal will also be selected to implement their proposal. 

Implementation should include

• Code written in Typescript.

• README

  • Build instructions

  • Code overview

• Deployed to Chomp Vercel account.

• Code pushed to Chomp Github repo. Commits are organized with clear commit messages.

• Work done incrementally in PRs that will be reviewed.

• Uses images supplied by Chomp. Designs will be provided at implementation time.

  • Examples: https://github.com/gator-labs/chomp-frame/tree/main/public

• Sample .env supplied.