Bento Fit

Welcome screen as well as set up your HealthKit data
Pick a lifestyle template to start
Main Bento UI
In-App purchase and some app settings.
A way to add/remove HealthKit data points
Dark mode of Mange
Dark mode of Settings
Dark mode of Pick a style
Dark mode of Bento UI

Inspiration

We work on the Side Project Spotlight podcast where we try to build real apps for Apple platforms in public. For our next project, we wanted to do something in the fitness and health space. Since Steve had recently started a dedicated exercise routine and Aaron was already a competitive amateur athlete, we realized the three of us represented distinct points on a spectrum of a personal fitness journey. Kotaro maintains his general health through walking. Steve has dedicated strength and cardio workouts throughout the week. While Aaron trains for specific marathons and endurance competitions. We all look at different metrics to help us track our progress reaching our own goals. And thus was born the idea of surfacing these selected metrics in a glanceable dashboard app.

What it does

Our app is a simple dashboard of HealthKit metrics such as resting heart rate, workouts, or steps. It's designed around the idea of a bento lunch box structure with a grid of single or double row visualizations of the metrics. The design aesthetic tries to invoke both Tron (dark mode) and classic Casio watches and older digital tech of our youth. We want the app to be fun to look at and fast to display, but not try to hold your attention beyond getting the update on your metrics and letting you get back to work.

How we built it

The app is built using SwiftUI along with some Metal shaders for effects.

Challenges we ran into

We have run into many challenges so far from the verboseness of HealthKit APIs to our limited time availability, to learning Metal shaders for some effects, to how best to utilize LLMs in our development process to save time where appropriate.

Accomplishments that we're proud of

We think the design aesthetic is fun and unique. We are also proud of the podcast we record every two weeks about our journey developing this app called Side Project Spotlight.

What we learned

We all have become better with SwiftUI and HealthKit API integrations. Steve has used this project to really dive into the different ways LLMs can be leveraged in a project like this from model selection to tooling.