JSPM

privy-wallet-template

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q23382F
  • License MIT

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:

  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

Web3 Development Resources

Join the community