Web3 Mobile Wallet Template 🚀

This is a Web3 mobile wallet template built with Expo and React Native, designed to help developers quickly bootstrap decentralized mobile applications with wallet functionality.

Overview

This template provides a solid foundation for building Web3 mobile applications with the following features:

• Cross-platform compatibility - Runs on iOS, Android, and Web
• Modern React Native architecture with Expo SDK
• File-based routing using Expo Router
• Web3 wallet integration ready for blockchain interactions
• Responsive UI components optimized for mobile
• TypeScript support for better development experience

Perfect for building:

• Mobile cryptocurrency wallets
• DeFi applications
• NFT marketplaces
• Blockchain-based mobile apps
• Web3 social applications

Prerequisites

Before getting started, you'll need to set up your Privy configuration:

1. Create a Privy Account: Visit privy.io and create an account
2. Create a New App: Follow the Privy documentation to create a new application
3. Get Your Credentials: Once your app is created, you'll receive:
   • App ID: Your unique application identifier
   • App Secret/Client: Your application's client credentials
4. Configure Environment: Add these credentials to your environment configuration

📝 Note: Keep your Privy credentials secure and never commit them to version control. Use environment variables or a secure configuration management system.

Get started

1. Install dependencies

   npm install

2. Start the development server

   npx expo start

3. Open the app in your preferred environment:

   • Development build - For testing native features
   • iOS Simulator - For iOS development
   • Android Emulator - For Android development
   • Expo Go - For quick testing (limited native features)
   • Web browser - For web development

You can start building your Web3 features by editing the files inside the app directory. This project uses file-based routing.

Project Structure

├── app/                 # Main application code with file-based routing
├── components/          # Reusable React components
├── constants/           # App constants and configuration
├── hooks/              # Custom React hooks
└── assets/             # Images, fonts, and other static assets

Development Workflow

When you're ready to start fresh, run:

npm run reset-project

This command will move the starter code to the app-example directory and create a blank app directory for your custom implementation.

Learn more

Expo & React Native Resources

• Expo documentation: Learn fundamentals and advanced topics
• Learn Expo tutorial: Step-by-step project tutorial
• React Native documentation: Core React Native concepts

Web3 Development Resources

• Web3.js documentation: JavaScript library for Ethereum
• Ethers.js documentation: Complete Ethereum library
• WalletConnect documentation: Protocol for wallet connections
• Solana Web3.js: Solana blockchain library

Join the community

• Expo on GitHub: Open source platform
• Discord community: Chat with Expo developers
• Web3 Developer Community: Connect with Web3 builders