Building Web Apps with Bolt

Chapter 8. Building a Supabase-Powered Workout Tracker

Now that you’ve seen what Bolt can do with a movie app, let’s try another practical project: a workout tracker. This application will allow users to log their workouts (exercises, reps, sets, and the like), track progress, and manage their fitness data. We’ll leverage Supabase extensively here—not just for authentication, like in the movie app, but for our primary workout-data storage. We’ll use a relational database design.

The goal of this chapter is to demonstrate how Bolt can help build a more data-intensive application from scratch, with a heavy focus on using a database (Supabase) for storing and retrieving structured information. Unlike the movie app, where the data came mostly from an external API, here the central feature will be our own app’s data in the form of workout logs.

Getting Started

By the end of this chapter, you’ll have a functional workout tracker where users can:

• Create and manage workout sessions with multiple exercises

• Log exercises with sets, reps, and weights

• View past workouts ordered by date

• Delete workout sessions

• See a summary of their workout activity

• (Optional) Visualize progress with charts

• (Optional) Experience real-time updates across devices

• (Optional) Use Edge Functions for server-side calculations

Setup

If you worked through the Movie Explorer chapters, you’ve already done most of the setup: you have accounts for Bolt, Supabase, and Netlify, and you’ve connected them. ...