[HIP-XXX] Front-end component library

[bitbeckers]

Summary

We propose a component library with opiniated react components for hypercerts metadata, allowlists, image creation and interacting with our SDKs.

Abstract

Hypercerts contain data about the claim, an image for display, allowlists for distribution and claims. Recurring feedback is the complexity to build the correct dataset when not using our app, sometimes even when using our apps. To improve the developer experience we will develop, document and ship a react component library.

Motivation and rationale

By providing the library we:

• Provide default, modular, opiniated forms for metadata creation, verification and upload.
• Provide tooling for composing and storing the hypercert image
• Provide forms for allowlist creation, storage and verification
• Provide forms for order creation, submission and verification

This library builds on top of the hypercerts and marketplace SDK

Implementation

• react-hooks-forms
• tanstack React Table for display
• Default, overridable field configuration
• Default, overridable component styling

Operation requirements and ownership

bitbeckers

Links and additional information

No response