The Particle Network RainbowKit boilerplate, particle-rainbowkit-boilerplate is a simple application that exclusively facilitates either social login through Particle Auth (Wallet-as-a-Service resulting in an embedded wallet secured by MPC-TSS) or through an external wallet aggregated by RainbowKit (such as MetaMask). Both of these options, Web2-based and Web3-based, are included in the same interface using RainbowKit.
While this is great, the demo feels somewhat incomplete. A user connects, and that's it, no extended functionality to test the connection. Thus, an extension of this demo is needed to enhance App.tsx and include two buttons, the first being a sample transaction and the second being a sample message signature.
Motivation
RainbowKit is among one of the most used connection kits within the ecosystem, even within Particle's own developer ecosystem. Thus, it's important that this demo effectively showcases proper utilization and gets developers started with these various SDKs without much added friction.
Changes Needed
The current application structure works and doesn't need modification; rather, App.tsx needs to be extended to include two sample buttons (transaction and message signature), which should only be shown after login is complete. This should only take an additional 10-20 lines of code.
User -> connect button -> wallet choice (Particle, MetaMask, WalletConnect, etc.) -> sample transaction and message button
Tasks
Implement sample transaction button and associated method
Implement sample message signature button and associated method
Description
The Particle Network RainbowKit boilerplate,
particle-rainbowkit-boilerplate
is a simple application that exclusively facilitates either social login through Particle Auth (Wallet-as-a-Service resulting in an embedded wallet secured by MPC-TSS) or through an external wallet aggregated by RainbowKit (such as MetaMask). Both of these options, Web2-based and Web3-based, are included in the same interface using RainbowKit.While this is great, the demo feels somewhat incomplete. A user connects, and that's it, no extended functionality to test the connection. Thus, an extension of this demo is needed to enhance
App.tsx
and include two buttons, the first being a sample transaction and the second being a sample message signature.Motivation
RainbowKit is among one of the most used connection kits within the ecosystem, even within Particle's own developer ecosystem. Thus, it's important that this demo effectively showcases proper utilization and gets developers started with these various SDKs without much added friction.
Changes Needed
The current application structure works and doesn't need modification; rather,
App.tsx
needs to be extended to include two sample buttons (transaction and message signature), which should only be shown after login is complete. This should only take an additional 10-20 lines of code.User -> connect button -> wallet choice (Particle, MetaMask, WalletConnect, etc.) -> sample transaction and message button
Tasks