Skip to content

USDC Transfer

Overview

React Native Expo application demonstrating wallet provisioning, faucet funding, and gas-sponsored ERC-20 transfers

GitHub Icon

Complete source code for the USDC Transfer Demo with setup instructions and implementation details.

View Sample Code

GitHub Repository

Project Structure

usdc/my-app/
├── app/
│   ├── index.tsx           # Entry point
│   └── _layout.tsx         # Root layout with OpenfortProvider
├── components/
│   ├── MainAppScreen.tsx   # Transfer interface
│   ├── UserScreen.tsx      # Main authenticated screen
│   ├── LoginScreen.tsx     # Authentication
│   └── onboarding/         # Wallet creation flow
├── utils/
│   ├── erc20.ts           # ERC-20 token operations
│   ├── config.ts          # Environment config
│   └── format.ts          # Number formatting
├── constants/
│   ├── erc20.ts           # Token constants
│   └── network.ts         # Network configurations
└── types/
    └── wallet.ts          # TypeScript definitions

Key Features

  • Embedded wallet authentication via Openfort Shield
  • Dual-wallet management with gas-sponsored USDC transfers
  • Faucet integration for Sepolia USDC
  • Real-time balance polling across networks
ComponentTechnology
FrontendReact Native + Expo
BlockchainEthereum Sepolia & Base Sepolia
Key Libraries@openfort/react-native, expo-router
ToolingExpo CLI

Setup

  1. Copy .env.example to .env.local
  2. Add Openfort credentials
  3. Install dependencies: npm install
  4. Run: npm start

Prerequisites

  • Node.js 18+
  • Expo CLI
  • Openfort dashboard project