Giter VIP home page Giter VIP logo

particle-moonbeam-demo's Introduction

Particle Smart WaaS Moonbeam Demo

โšก๏ธ ERC-4337 demo application showcasing utilization of Particle's Smart Wallet-as-a-Service facilitating full-stack account abstraction on Moonbeam Mainnet (handling social login via MPC-TSS, creating a smart account, and pushing a user operation).

Built using Particle Auth, TypeScript, Particle AA SDK

๐Ÿ”‘ Particle Auth

Particle Auth, a component of Particle Network's Wallet-as-a-Service, enables seamless onboarding to an application-embedded MPC-TSS/AA wallet facilitated by social login, such as Google, GitHub, email, phone number, etc.

๐Ÿ‘‰ Try the demo: https://web-demo.particle.network

๐Ÿ‘‰ Learn more about Particle Network: https://particle.network

๐Ÿ› ๏ธ Quickstart

Clone this repository

git clone https://github.com/TABASCOatw/particle-moonbeam-demo.git

Install dependencies

yarn install

OR

npm install

Set environment variables

This project requires a number of keys from Particle Network and WalletConnect to be defined in .env. The following should be defined:

Start the project

npm run dev

OR

yarn dev

particle-moonbeam-demo's People

Contributors

tabascoatw avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

particle-moonbeam-demo's Issues

Needs to use `@particle-network/auth-core-modal` rather than `@particle-network/auth`

Description

particle-moonbeam-demo currently uses the older, now deprecated SDK, @particle-network/auth. While this SDK still works and correctly facilitates social login and embedded wallet interaction, it's no longer being updated with new features and whatnot. Additionally, the new replacement for @particle-network/auth, Particle Auth Core (@particle-network/auth-core-modal) is more stable, feature-rich, and seamless to use (as it uses true embedding, not popup windows).

Thus, this repository needs to be updated to leverage @particle-network/auth-core-modal. This'll involve some changes in structure to both index.tsx and App.tsx.

Motivation

While a somewhat small change, this transition will make this demo far more suitable for newer documentation (as it wont use a deprecated library anymore) and for end-users trying it, it'll be a smoother experience.

Changes Needed

Beyond just swapping the libraries, @particle-network/auth-core-modal fundamentally works differently than @particle-network/auth. Because of this, the application (App.tsx) will need to shift to defining functions through hooks like useEthereum, useConnect, etc. from @particle-network/auth-core-modal (although because this uses a custom EIP-1193 Ethers provider, this should be a minimal change). Additionally, index.tsx will need modifications as it should now be the primary component controlling configuration of Auth Core.

Tasks

  • Remove @particle-network/auth
  • Add @particle-network/auth-core-modal
  • Configure @particle-network/auth-core-modal in index.tsx
  • Shift application structure in App.tsx to account for the change

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.