homebase-app icon indicating copy to clipboard operation
homebase-app copied to clipboard

Designs for ACI webapp frontend

Open magentaceiba opened this issue 1 year ago • 1 comments

Create the designs for this feature, based on the user story here and the Feature Prototype mockups below.

This feature is basically a new type of proposal that we are introducing. Here is how it works from a UX perspective:

  1. The user enters the address of the target contract they wish to interact with.
  2. The frontend validates the input to ensure it's a valid Tezos contract address.
  3. The user is presented with a dynamic form that lists all available contract endpoints and their required parameters.
  4. Users can fill in the parameters and submit a proposal. Notes:
  • Loading indicators or progress bars may be displayed to inform the user that the app is performing background tasks and handle asynchronous operations gracefully.
  • Frontend allows for edge cases, such as functions with many parameters or functions with no parameters.

Feature Prototype

Full Feature Specs

magentaceiba avatar Mar 05 '24 19:03 magentaceiba

Figma page for this https://www.figma.com/file/gXLZPoh1BchigOB5y9YkQZ/Tezos-Homebase---v2-UI?type=design&node-id=5323%3A654&mode=design&t=nI2OLj63erdjjN0u-1

magentaceiba avatar Apr 16 '24 18:04 magentaceiba