In this live-coding video, you will watch me prototype a financial “Software as a Service” (SaaS) application in under an hour. At the end of this video, we will have an application for tracking stock prices. It has user accounts, per-user portfolios, and a monthly credit-card charge for using the service.

Follow along as we start from a single stock chart and build up to a full subscription service. You can also copy the source code and explore it yourself:

Table of contents:

Introduction | 0:00 - 0:47

Displaying a stock chart | 0:47 - 4:09
Use a REST API to retrieve stock price data, and the Plot component to draw a chart.

Store a portfolio for each user | 4:09 - 13:58
Use the Users service and Data Tables to allow each user to view stocks from their own portfolio.

Portfolio management | 13:58 - 29:04
Allow users to add and remove stocks from their portfolio, and save notes about them.

Separate editing screen | 29:04 - 34:30
I take a brief diversion and explain how to create a separate pop-up for editing notes about a stock.

Charge for access | 34:30 - 53:00
Use Stripe to charge a monthly subscription fee for access to this service.