Package Exports
- privy-wallet-template
- privy-wallet-template/entrypoint.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (privy-wallet-template) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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:
- Create a Privy Account: Visit privy.io and create an account
- Create a New App: Follow the Privy documentation to create a new application
- 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
- 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
Install dependencies
npm install
Start the development server
npx expo start
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 assetsDevelopment Workflow
When you're ready to start fresh, run:
npm run reset-projectThis 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