Why We Built BabyLog as a Progressive Web App

When we started building BabyLog, we needed something that could run anywhere a parent or caregiver might pick up a device — phone, tablet, or laptop. Something that opens instantly, keeps working when the wifi drops at grandma's house, and doesn't make you wait for a re-download every time we fix something.

A Progressive Web App answered all of that. Here's what a PWA is, and why it's a great foundation for software people actually rely on at 3am.

---

What is a Progressive Web App?

A Progressive Web App is a website built with modern web standards so it behaves like something installed on your device. You install it from the browser — one tap, no download screens. After that it launches from your home screen with its own icon, runs full-screen, remembers you, and works even when the connection drops.

The "progressive" part means the experience scales with your device. On a modern phone you get offline support, home-screen install, and push notifications. On a laptop browser you still get the same core experience — fast, responsive, and up to date.

---

Why a PWA is a great foundation

One URL, every device. BabyLog runs the same on iPhone, Android, tablet, or laptop. When one parent is on iOS and the other is on Android, they open the same app and see the same data in real time. No separate builds, no waiting for a platform to catch up.

Local-first makes it feel instant. BabyLog reads and writes from local storage first. Logging a feed at 3am doesn't wait for a server round-trip — it's on screen before you lift your thumb. The network is for syncing with other caregivers, not for blocking your next tap.

Offline is a feature, not a fallback. Parents use BabyLog in places with unreliable connectivity: grandma's kitchen, the back of the car, the park, the lift on the way down to daycare. A PWA treats "offline" as a normal state. The app keeps working, and when your phone reconnects, the changes sync quietly in the background.

Updates land the next time you open it. When we fix a bug or ship a new feature, you get it on your next open — no update screen, no waiting. For a tool you depend on every few hours, that's a big deal.

Web standards keep getting better. Service workers, persistent local storage, background sync, push notifications, home-screen install, biometric auth — the web platform gives a PWA most of what a baby tracker actually needs. And it keeps improving every year.

---

How BabyLog works offline

Offline support is central to BabyLog because logging a feed, a nap, or a nappy shouldn't ever depend on having a signal.

Everything saves to your device first. When you log an activity, it's written to your phone's local storage immediately. That's why the app feels fast — reads and writes don't wait on a network call.

Sync happens in the background. When you're online, BabyLog pushes your local changes to the cloud and pulls any updates from other caregivers. You never have to tap a sync button.

Conflicts are rare and handled quietly. If two caregivers log at exactly the same time, the most recent edit wins. In practice conflicts almost never happen — most of the time it's one parent adding a new entry, not two people editing the same one.

Together, local storage and background sync mean the app stays responsive on flaky connections, underground trains, blocks of flats with bad reception, or halfway through a feed in a cafe with a "free wifi" that never connects.

---

What this means for you

Install in a tap. Open BabyLog in your browser, tap "Add to Home Screen", and it launches like any other icon on your phone from that moment on.

Always up to date. No "your version is outdated" screens, no update queue — the version you open is the latest version.

Works on every device in your household. Parent on iPhone, grandma on a Samsung tablet, dad on the laptop while cooking — same app, same data, in real time.

Your data stays portable. Everything can be exported as CSV whenever you want. Nothing is locked in a proprietary format.

---

How to install BabyLog

iPhone (Safari)

1. Open babylog.com.au in Safari
2. Tap the Share button (the square with the arrow)
3. Scroll down and tap Add to Home Screen
4. Tap Add

Android (Chrome)

1. Open babylog.com.au in Chrome
2. Tap the three-dot menu
3. Tap Install app or Add to Home Screen

After installation, BabyLog opens full-screen with its own icon — just like anything else on your phone.

---

And the native iOS app

We also publish a native iOS app on the App Store. Under the hood it is the same PWA codebase wrapped in a thin Capacitor shell — same logging screens, same offline behaviour, same real-time sync, same data. The wrapper lets us hook into a few iOS-only things — Sign in with Apple, native push notifications, the App Store install flow — without forking the product into two separate apps.

If you prefer "install from the App Store" over "install from Safari", that's now an option. If you're on Android or sharing with a partner on a different platform, the PWA still works everywhere.

---

The right foundation for a tool parents depend on

We didn't pick a PWA because it was trendy. We picked it because the problem was clear: a baby tracker has to work across every device a parent or caregiver might reach for, stay fast when it's 3am and you're holding a wriggling baby, keep working when the wifi drops, and never make you wait for a bug fix.

A Progressive Web App is a great foundation for exactly that kind of software. We build it once, we ship it everywhere, and it stays fast and reliable where parents actually use it.