Request Network Docs
WebsiteGithubStatusDiscord
  • Request Network Docs
  • Request Network API
    • Create and Pay Requests
    • Crosschain Payments
    • EasyInvoice: API Demo App
    • API Portal: Manage API Keys and Webhooks
      • Manage API Keys and Webhooks programmatically
    • Full API Reference
  • General
    • Lifecycle of a Request
    • Request Scan
    • Supported Chains
      • Smart Contract Addresses
    • Request Network Token List
  • Advanced
    • Request Network SDK
      • Get Started
        • Quickstart - Browser
        • Quickstart - Node.js
        • Installation
        • SDK Injector
        • Request Node Gateways
      • SDK Demo Apps
        • Request Invoicing
          • Pay from Safe Multisig
        • Request Checkout
        • Components
          • Create Invoice Form
          • Invoice Dashboard
          • Payment Widget
          • Add Stakeholder
      • SDK Guides
        • Request Client
          • Configure the Request Client
          • Updating a Request
          • Payment Reference
          • Compute a Request ID without creating the request
          • Use your own signature mechanism
          • Support a new currency
          • In-Memory Requests
        • Encryption and Decryption
          • Encrypt with a wallet signature using Lit Protocol
          • Encrypt with an Ethereum private key
          • Share an encrypted request
        • Payment
          • Detect a payment
          • Native Payment
          • Conversion Payment
          • Declarative Payment
          • Configuring Payment Fees
          • Single Request Forwarder
          • Batch Payment
          • Swap-to-Pay Payment
          • Swap-to-Conversion Payment
          • Transferable Receivable Payment
          • Meta Payments
          • Escrow Payment
          • Streaming Payment
          • Pay through a proxy-contract with a multisig
          • Hinkal Private Payments
        • Mobile using Expo
      • SDK Reference
        • request-client.js
          • RequestNetwork
            • createRequest()
            • computeRequestId()
            • fromRequestId()
            • fromIdentity()
            • fromTopic()
          • Request
            • waitForConfirmation()
            • getData()
            • refresh()
            • cancel()
            • accept()
            • increaseExpectedAmountRequest()
            • reduceExpectedAmountRequest()
          • IIdentity
          • IRequestDataWithEvents
          • PaymentReferenceCalculator
        • payment-processor
          • payRequest()
        • web3-signature
          • Web3SignatureProvider
        • epk-signature
          • EthereumPrivateKeySignatureProvider
        • epk-decryption
          • EthereumPrivateKeyDecryptionProvider
    • Protocol Overview
      • SDK and Request Node Overview
      • Payment Networks
      • Private Requests using Encryption
      • Smart Contracts Overview
    • Internal SDK Architecture
      • Request Logic
      • Advanced Logic
      • Transaction
      • Data-access
      • Storage
      • Data flow
      • Request IPFS network
  • FAQ
  • Glossary
  • Contributing
Powered by GitBook
On this page
  • Key Features
  • Login
  • Invoice Creation
  • Dashboard
  • Invoice Payment
  • Recurring Invoices
  • Invoice Crosschain Payment
  • Direct Payment
  • InvoiceMe Link
  • Usage

Was this helpful?

Edit on GitHub
Export as PDF
  1. Request Network API

EasyInvoice: API Demo App

An app for creating and paying requests using the Request Network API.

PreviousCrosschain PaymentsNextAPI Portal: Manage API Keys and Webhooks

Last updated 1 month ago

Was this helpful?

EasyInvoice is a web application built with Next.js that allows users to create and manage invoices, and accept crypto payments via the Request Network API. It mimics Web2 apps in its functionalities, providing a user-friendly experience with Google login and real-time updates.

Talk to an expert

Discover how your app can have its own EasyInvoice features - with us.

Key Features

Login

  • Google Login: Securely log in to your account using Google OAuth.

Invoice Creation

  • Invoice Creation: A simple form to create invoices.

    • Client name and email fields.

    • Items, amounts, and notes fields.

    • Invoice currency and payment currency options, supporting currency conversion via the Request Network API.

  • Currency Conversion: uses on-chain price feeds to calculate the exact payment currency amount based on the invoice currency at the moment of payment so you always receive the correct amount.

Dashboard

  • Dashboard: View key metrics and a table of your invoices.

Invoice Payment

  • Invoice Payment:

    • View invoice details and initiate payment using transaction calldata provided by the Request Network API.

    • Compatible with 50+ different crypto wallets.

  • Real-time Updates: The app receives webhooks from the Request Network API to update the invoice status in real-time.

Recurring Invoices

  • Recurring Invoice: Automatically create new invoices based on the selected start date and frequency

Invoice Crosschain Payment

Direct Payment

  • Direct Payment: Send a payment without having to create a request first.

InvoiceMe Link

  • InvoiceMe Link: Prompt clients to send you an invoice prefilled with your name and email address.

Usage

  1. Login: Log in with your Google account to access the dashboard.

  2. Create Invoice: Fill out the invoice form with the necessary details, including client information, amount, currency, and payee address.

    1. If the invoice currency is USD, you must select a payment currency (Sepolia ETH or FAU) for conversion.

    2. For non-conversion scenarios, the payment currency will be the same as the invoice currency.

  3. Pay Invoice: Connect your wallet and initiate the payment. The app will guide you through the steps, including ERC20 approval and transaction confirmation.

  4. Monitor Status: Track the payment status in real-time on the invoice details page and the dashboard.

Warning: Crosschain payments are currently only available in our staging environment at and are not ready for production use. Use with caution.

https://easyinvoice.stage.request.network

book a call

Try it out

View Source

🕹️
ℹ️
EasyInvioce Login Page
EasyInvoice Create Invoice Page
EasyInvoice Dashboard
EasyInvoice Invoice Payment Page
EasyInvoice supports 50+ wallets via Reown AppKit
Create New Invoice page - Recurring Invoice Enabled
Invoice Dashboard - Recurring Invoice
EasyInvoice Direct Payment page
Create InvoiceMe Link page
Create Invoice via InvoiceMe Link