EasyInvoice: API Demo App

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

Easy Invoice 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 - book a call with us.

Key Features

Login

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

EasyInvioce Login Page

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.

EasyInvoice Create Invoice Page

Dashboard

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

EasyInvoice Dashboard

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.

EasyInvoice Invoice Payment Page

Easy Invoice supports 50+ wallets via Reown AppKit

🕹️ Try it out

ℹ️ View Source

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.