Interop Prediction Market Reference App

[fainashalts]

This is the parent issue for Interop reference examples to share for Devcon. Tic Tac Toe is definitely on the list, a SuperchainERC20 implementation and crosschain loan implementation would be a great trifecta.

Issues related to this task should be made child issues.

Design support is likely needed for any reference implementations that contain a frontend.

[hamdiallam]

We've come to the decision to showcase cross-chain asset transfers through a prediction market contract that can establish bets on any ethereum log event in the superchain

Summary
We want to showcase the unique value prop of the interop protocol with event interoperability that underpins the message passing protocol. Event interop allows contracts to be composable cross-chain in the same way contracts in a single chain are composable.

Prediction Market Game
We can imagine a world where their is a prediction market chain in the superchain. We can reduce this down to a single prediction market smart contract that exists on 1 chain.

1. We'll showcase asset transfers but allowing anyone to place an ETH bet from any chain. This will use cross-chain messaging to bridge the ETH to the destination chain & place a bet with the smart contract
2. We'll showcase event interoperability with two types of predictions markets can can be placed
   • Establish a prediction market if the block height at X for chain Y is even or odd
   • Establish a prediction market on the outcome of the demo tictactoe game. This is cool because it showcases how unrelated apps can build upon each other

Design Requirements
We don't have too long to build this so lets be minimal. Focusing on (2a) first and a fast follow with (2b) if time allows

• User can connect their wallet and see active prediction markets, see stats/odds of the market. They can participate with ETH from any chain

  • Since the prediction market only exists on 1 chain. If the user wants to use ETH from a separate chain, there will be a UX flow of switching networks and initiating the tx to bridge funds & execute the bet.
  • Autorelay of supersim can take care of executing this on the destination chain. However the UI should have elements of "waiting" for the bridged tx to execute.

• User can create a new prediction market

  • (2a) pick a chain in the superchain and L2 block height for which the market anchors on
  • (2b) select from a list of active tic tac toe games

[hamdiallam]

@mayanksayshi any update on the designs for this dapp? No rush but would like to hack this together this week

[mayanksayshi]

@hamdiallam, there is no update on this. I am currently working on the Multichain faucet flow, which is the higher priority. I will tackle this hopefully later this :)

cc @pharger

[hamdiallam]

okay sounds good! Totally fine to do this later, still need to first get the contracts working for this

[mayanksayshi]

@hamdiallam, here are the latest designs for the prediction market app. Looking forward to your feedback. :)

https://www.figma.com/design/SnDEKbBN5bCQpabXdW1rQm/Prediction-Market-Reference-app?node-id=0-3818&t=T9HkWKbt1g70jVXe-1

cc @fainashalts @pharger