LVLeah's DevLog
All projects
Case logStarted August 2026

Macro Calculator PWA

I wanted to make an app that helped me track my macros. The thing was, I didn't want to pay for it to be on the App Store and I also didn't want to deal with authentication/etc. So to prevent the need of any of that, I figured a PWA with IndexedDB would be the answer to these issues. I also didn't need all the bells and whistles many other apps offered. I just needed it to literally do the math for me so I didn't have to.

Dexie (IndexedDB wrapper)ViteReactTypescriptVitestJavascriptCSSTailwind

Progress

Milestone tracker

2 milestones

From the build

Project log

2 entries

Milestone 1

Scaffoling the Project

I specced out the application with Claude. Claude helped me figure out the best way to go about making it a PWA with Dexie to save money on database storage, especially for data like this. Originally I was going to go with Supabase because it is what I know, but I realized I didn’t have to. Doing Dexie instead also made it so I didn’t have to worry about my instances spinning down since it relied strictly on my phone’s storage.

Documented tech spec

#VSCode#Vite#Typescript#Tailwind#React
Milestone 2

Scaffoling the Project

I had Claude review the code that I had worked on. Claude stated that there were some bugs but I didn’t want it to tell me straight up how to fix it. I just said point it out and I’ll get to work. I installed Vitest and set up some basic unit tests to help figure out what was happening, specifically with the dates. I always forget the dates in JavaScript are kind of finnicky compared to C#. I also learned that there are a lot of things I keep missing with Tailwind syntax such as needing to make sure spaces in the text go where they need to go, such as performing a max() function inside of a class.

Documented tech spec

#VSCode#Vite#Typescript#Tailwind#React