⚡️ Boilerplate for implementing Particle Auth Core (@particle-network/auth-core-modal
) within an instance of Web3Modal using @web3modal/ethers/react
. Materialized as a "Particle Wallet" option within the Web3Modal interface, a general social login modal is opened allowing users to login and connect using Google, Twitter, email, phone, etc.
Built using Web3Modal, Typescript, and Particle Auth Core.
Particle Auth Core, 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. - as an alternative to Particle Auth, the Auth Core SDK comes with more control over the modal itself, application-embedded popups rather than redirects, and so on.
👉 Try the demo: https://next-web3modal-starter.vercel.app/
👉 Learn more about Particle Network: https://particle.network
git clone https://github.com/TABASCOatw/particle-web3modal-boilerplate.git
yarn install
OR
npm install
This project requires a number of keys from Particle Network and WalletConnect to be defined in .env
. The following should be defined:
REACT_APP_APP_ID
, the ID of the corresponding application in your Particle Network dashboard.REACT_APP_PROJECT_ID
, the ID of the corresponding project in your Particle Network dashboard.REACT_APP_CLIENT_KEY
, the client key of the corresponding project in your Particle Network dashboard.REACT_APP_WALLETCONNECT_PROJECT_ID
, the project ID of the corresponding project in your WalletConnect dashboard
npm run dev
OR
yarn dev