Search⌘ K
AI Features

Demo Application

Explore how to build a React demo application integrating FreshBooks APIs to generate, view, and send invoices, manage payments, and handle cart operations. Understand API calls, component structure, and application workflow to effectively manage FreshBooks accounting data programmatically.

We'll cover the following...

This lesson walks us through a react application that integrates FreshBooks APIs. We'll use the endpoints related to the following operations in the application:

  • Generate an invoice

  • Details of an invoice

  • Send an invoice by email

  • View all invoices

  • Add payment records

Remember: Since it is a demo application, the data and the price values are fixed.

Application workflow

Click the “Run” button in the widget below to run the application. Once the application has started, click the URL against “Your app can be found at:” to view the application.

  1. The home page shows some example categories, "Homes," "Cars," and "Laptops." Clicking any category shows some sample items from that category, and we ...