Workout Builder

Workout Builder is a React 19 application for creating a complete weekly exercise routine in the browser. Users can search the built-in exercise library, create their own exercises, assign them to any day of the week and customise the number of sets and repetitions. The exercise library is stored in Turso through a Node.js and Express API, while the weekly plan stays in localStorage. The frontend is hosted on Netlify and proxies production API requests to Render.

The main challenge was keeping seven independent daily plans, a customisable exercise library and editable workout values synchronised through one interface. The move from browser-only exercise storage to an API-backed library also needed to preserve existing custom exercises, handle loading and failed requests, and keep the weekly plan available locally.

React state manages the exercise library and seven daily workout arrays. The frontend loads, creates and deletes library exercises through an Express API backed by Turso via the libSQL client. A one-time import transfers an existing localStorage exercise library to the API. Loading states, request cancellation and a retry action handle library requests. The weekly routine continues to load and save locally through localStorage. Netlify rewrites /api requests to the Render-hosted backend.

The repository uses Jest and React Testing Library for exercise data, library and planner components, and application interactions, including day assignment, exercise removal, sets and reps updates and weekly-plan persistence. GitHub Actions runs the Jest suite. The Express and Turso backend is a recent extension of the original browser-based application; the existing frontend coverage figures do not establish backend test coverage.