Skip to content

easyinvoice-api-demo-app.md

Latest commit

 

History

History
89 lines (54 loc) · 5.14 KB

easyinvoice-api-demo-app.md

File metadata and controls

89 lines (54 loc) · 5.14 KB
description An app for creating and paying requests using the Request Network API.

EasyInvoice: API Demo App

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.

{% hint style="info" %} Talk to an expert

Discover how your app can have its own EasyInvoice features - book a call with us. {% endhint %}

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

EasyInvoice supports 50+ wallets via Reown AppKit

Recurring Invoices

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

Create New Invoice page - Recurring Invoice Enabled

Invoice Dashboard - Recurring Invoice

Invoice Crosschain Payment

{% hint style="warning" %} Warning: Crosschain payments are currently only available in our staging environment at https://easyinvoice.stage.request.network and are not ready for production use. Use with caution. {% endhint %}

Direct Payment

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

EasyInvoice Direct Payment page

InvoiceMe Link

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

Create InvoiceMe Link page

Create Invoice via InvoiceMe Link

🕹️ Try it outhttps://easyinvoice.request.network
ℹ️ View Sourcehttps://github.com/RequestNetwork/easy-invoice

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.