Name		Name	Last commit message	Last commit date
parent directory ..
public		public
src		src
.env		.env
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
Dockerfile		Dockerfile
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

README.md

React Demo - ConnectSDK

An example React app using Venly's ConnectSDK.

Getting started

Register an account by following Venly's quickstart guide
Follow the authentication guide to obtain your Client ID and setup your redirect URLs
Setup your environment variables in .env

VITE_CLIENT_ID - your Widget Client ID
VITE_ENV - environment can be either production or sandbox (defaults to production).

Run npm install and npm run dev to start local development

Guide

Initialization

Initialize VenlyConnect instance - venlyConnect.ts

Authentication

Check authentication on app load - App.tsx
Login flow - Login.tsx

Wallets

Get wallets - useWallets.ts
Connect/add wallets - WalletsTable.tsx
Import wallets between EVM chains - ImportWalletModal.tsx
Transfer native tokens - SendTransactionModal.tsx
Sign message - SignMessageModal.tsx
Sign EIP712 message - SignEip712Modal.tsx
Execute contract call - ExecuteContractModal.tsx

Tokens

Get tokens - useTokens.ts
Transfer tokens - TransferTokenModal.tsx

NFTs

Get NFTs - useNfts.ts
Transfer NFTs - TransferNftModal.tsx