DEV Community

Cover image for From Diapers to Deployment: How I Built a Gamified Pregnancy App in React.
Marketa Balazova
Marketa Balazova

Posted on

From Diapers to Deployment: How I Built a Gamified Pregnancy App in React.

When I was on maternity leave, I noticed a funny dynamic in our household. Like any expectant mother, I downloaded a bunch of pregnancy tracking apps. But my husband—a dedicated gamer—completely boycotted them.

Why? Because the UI was always pastel pink, and the apps constantly compared our unborn child to fruits. He didn't want to know his baby was the size of a "blueberry" or a "kumquat." He felt entirely disconnected from the process, like a mere side character in a rom-com.

The Mission: A "Tacticool" Survival Guide

I realized there was a gap in the market: a pregnancy app that actually speaks a gamer's language. So, during the baby's nap times, I started learning to code.

My goal was to build a dark-mode, gamified survival guide purely for expectant dads. I called it Partner in Action.

Instead of standard tracking, I designed features that made sense to him:

Hardware over Fruit: Size comparisons use tools.

Recon Operator: Dads upgrade a tactical operator based on the pregnancy's progress.

AWOL Status: If the app is ignored for 7 days, the dad's status automatically changes to "Desertion" (this one was my personal revenge!).

Inventory Management: Tracking baby gear exactly like an RPG inventory system.

The Tech Stack: React + Capacitor

Since I was a solo mom-dev learning on the go, I needed a stack that would allow me to move fast and deploy to mobile without learning two different native languages.

I chose React for the frontend because of its massive community and component-based architecture. To get it onto mobile devices, I used Capacitor. It was amazing to see my web code turn into a real, installable Android app.

Of course, it wasn’t without its hurdles. Figuring out the mobile UI quirks, handling state management while sleep-deprived, and making sure the "Cry Detector" audio feature worked smoothly through Capacitor plugins tested my sanity. But seeing the app finally live on Google Play made every late-night coding session worth it.

What's Next? (The Roadmap)

The app is out in the wild, but the mission isn't over. I am currently working on a "Postpartum DLC" (a fourth-trimester expansion pack) and a medical jargon glossary to help dads decrypt hospital terminology.

If you are a dev, a gamer, or a dad-to-be, I would love for you to check it out and give me some harsh feedback on the architecture or UI.

Check out Partner in Action on Google Play: https://play.google.com/store/apps/details?id=com.partner_v_akci.app

Have you ever built an app just to prove a point to your partner? Let me know in the comments!

Top comments (0)