← all entries
B-TIER demo

NFC stickers + vibe-coded web app — physical taps that log real-life habits

byjackprice · 2026-06-16T02:00:38.000Z · in Creative
Open post ↗

100k ft — What is this?

NFC stickers + vibe-coded web app — physical taps that log real-life habits
demoB-tier

50k ft — Why care?

Programmable NFC stickers on a water bottle trigger an Apple Shortcut that logs each finished bottle to a tiny Next.js/TypeScript web app, surfaced as a home-screen widget. Part two of an IRL vibe-coding series; next step is a Raspberry Pi force sensor to log automatically.
creative codinghardwaresoftware developmentvideo production

10k ft — Key takeaways

• NFC sticker + Shortcuts + a simple web endpoint = one-tap physical logging. • Physical triggers make boring tracking effortless. • Upgrade path: sensors (force/weight) on a Raspberry Pi for passive capture.

5k ft — Tools & techniques

Apple Shortcuts, Next.js, Raspberry Pi, TypeScript NFC automation, code generation, vibe coding

1k ft — Deep-dive / try it

How to build cool things IRL Vibecoding, Part 2 - NFC Stickers +App. I’m now obsessed with water bottles. Why has nobody made the whoop for waterbottles? #vibecoding #coding
Transcript excerpt
So this is an NFC sticker and you can program these stickers to do anything that you want them to do and last video I made it so that every time my dog got fed it sent a message to my family group chat. This is part two of building things in real life because software has become so boring lately and I'm going to be using these stickers again but I'm going to be using them to track how much water I drink in a day. So I drink a ton of water and I know how important it is but I cannot be bothered to just track how much water I'm drinking so I put a sticker on my water bottle and every time I finish drinking my water bottle I can tap my phone against it and it's going to log it inside of an app so let's build this. Okay so this is where we're at now we have this stupidly simple web app and then we're going to make it so every time we tap this with our phone this is going to go up. This is cool but I think I want to make it a widget on my phone so I don't have to go to a website every time I want to check. So now I have this widget that I can just click and it automatically opens up. So all this is is a Next.js TypeScript website connected with Apple shortcuts and I think my next thing is going to be using this Raspberry Pi to create a force sensor so I don't have to tap it every time I can just lift it up and down and it will tell how much I drank.

Appears in

Collection: Creative