February 5, 2025

Over-engineering everything: how I made an app to track my baby’s feeding activity

image 2025 02 05 102129682
image 2025 02 05 095350304

If you’re following my journey into agentic AI assisted coding (which includes TextPod, SnipSnap, Bill Splitter), well, it hasn’t stopped yet.

I’ve been tasked with feeding my 4-month old baby daughter every 4 hours, and I didn’t find an app that checked all the boxes that I need (tbh I didn’t look that hard, I needed an excuse to create my own :D). Specifically, I wanted:

  • A timer that tracked how long it is since last feed
  • Previous feeds data (which include time and feed amount in ml) displayed in a timeline format.
  • Ability to retroactively edit recorded data.
  • A chart to visualize feeding amount in hourly and daily time span.
  • Light mode/Dark mode support (for when you need to use your phone in a the darkness of the nursery).
  • Multi-language support (English & Vietnamese by default).
  • Data portability (can export and import in JSON format). However this is still a work in progress, I’m using localStorage for the moment, however I’m looking into utilizing external db scheme for data consistency across multiple devices, trying Cloudflare KV but it’s still very buggy atm)
  • Optional feature: Ability to change Baby’s name (in case others want to use this) and docker container (for fast, easy deployment on your own hardware)

You can check out a demo instance here: capufeed.pages.dev

December 29, 2024

Created yet another app

Just made yet another an app to split the bill between my group of pool club buddies.

image 6

Just a year earlier it would take a non-developer like me weeks to put together a tool like this. Today I was able to create a full fledge app with proper tailwind implementation, light/dark mode support with custom Google fonts, and deploy to Cloudflare Pages through Wrangler API, all within the span of half a day’s work including a bunch of back & forth iteration with Claude.

What a time to be alive!

Check it out:

Live Demo
Github

P.S: (player names are currently hard coded because this is for my personal use, if you’re interested in a version with dynamic player setup, let me know in the comments down below)

December 22, 2024

I made a free website to screenshot tool

So after my first encounter with creating a note taking tool programmatically using AI agents, I was inspired to create another tool, this time entirely from scratch, not forking off someone else’s work. This was actually a tool I created earlier, utilizing Puppeteer to create screenshot of websites at specified resolutions, which is something a designer like myself need to do quite often.

It was originally a CLI only tool, but with the help of the recently made free CoPilot, I was able to put together a WebUI for it using Tailwind CSS and a bunch of JS. Here’s how it look:

Check out the Github here: https://github.com/vnt87/puppeteeer-capture

Now if you came here from r/selfhosted, I know what you want, a docker image that you can deploy on your own hardware. I got you covered, just use this docker-compose.yml:

services:
  app:
    image: ghcr.io/vnt87/puppeteeer-capture:sha-1a9e996
    ports:
      - "5432:3000"
    volumes:
      - ./screenshots:/app/screenshots
    environment:
      - NODE_ENV=production
      - PUPPETEER_ARGS=--no-sandbox,--disable-setuid-sandbox