React GUI for calling a script endpoint (ala plutus playground)

[zmrocze]

Task is to demonstrate how to call offchain code from within frontend browser application. Stack is react + typescript.

• plutus playground contains some general GUI for creating transactions, shows contract flow etc - NO need that
• we'd like simple web ui with some ways to interact with blockchain (submit transaction, maybe show utxos at wallet address or show status of previously send transactions)
• For tutorial purpose we would like for the information to go both ways (frontend <-> ctl), that is for the user input to influence in some way the blockchain interaction. Sample idea for discussion:
  • integer form where user inputs his chosen redeemer value, button to submit the transaction to some script with chosen redeemer.
  • 3 buttons with different scripts, user chooses to which one should the transaction be submitted
• Part of the task is to figure out how to make FFI from FFI from typescript to purescript. Part of it is to make the frontend react app. ̶I̶'̶l̶l̶ ̶m̶a̶k̶e̶ ̶t̶w̶o̶ ̶s̶u̶b̶-̶i̶s̶s̶u̶e̶s̶ ̶f̶o̶r̶ ̶t̶h̶a̶t̶.̶ Lets track both in this issue.
• We were recommended dream2nix (example setup) for the frontend nix shell. Could be useful.

[zmrocze]

related #15

[zmrocze]

Closed by #16