Tend — An AI Journaling App

Designing & Shipping an AI Journaling App, Solo

A journaling app where every entry grows a plant. Designed, built, and shipped independently through conversation with AI.

Team

Solo

What I did

Vibecoding · UX Writing

Skills

Vibecoding · UX Writing / Content Design

Tools

Claude Code

Every entry grows a plant

tend-journal.netlify.app

The Idea

A notebook that fills up

There's something satisfying about watching a physical notebook fill up. The weight of it changing, the pages getting used. It's a tangible record of showing up. I wanted to recreate that feeling digitally.

Not a streak counter. Not a badge. Something alive. What if every entry grew a plant? What if the more you write, the more your garden flourishes?

Writing interface with ruled lines and growing plant

Precision

The output is only as precise as the intent behind your input

The first version had a bug. The plant grew as you typed but didn't shrink when you deleted words, and stopped growing past a certain height. I knew the problem. I just didn't know how to describe it precisely enough for an AI to fix it. "The plant doesn't work right" got me nowhere.

Claude conversation

Nandita

The plant isn't growing correctly. Can you fix it?

Claude

Could you describe specifically what behavior you're seeing versus what you expect?

Nandita

Two things. When I delete words the plant doesn't shrink. It stays at the max height it reached. And when I hit my word goal the plant blooms, but if I keep writing past it nothing changes. It should keep adding extra blooms and leaves the more I write beyond the target.

Claude

Got it. The first issue is the growth function tracking a high-water mark instead of current word count, so I'll fix it so height always reflects what's actually written. For the second, the bloom is triggered once when the goal is reached and then locked. I'll update it to keep layering, adding blooms and leaf nodes proportional to how far beyond the goal you've written.

Desktop vs Mobile

Different contexts, different interactions

On desktop, hovering over a garden entry reveals its details. On mobile, that interaction doesn't exist. I built a tap-to-open popup instead. Same content, completely different pattern for each context.

Shipping surfaced decisions like this constantly. The keyboard pushing the growing plant offscreen the moment someone started typing. Having to rethink where the plant lives while the entry is in progress. None of it showed up in design. All of it showed up the first time I actually used it.

Desktop · Hover to reveal

Mobile · Tap to reveal

Two Writing Modes

Not everyone journals toward a specific word count

The first version had one mode. Set a target, write toward it. Then I talked to people who journal. One said she would never set a word goal. It would feel like homework. The AI didn't surface this. I did. AI can execute on a use case. Surfacing the right use case requires you.

How do you want to write — mode selection

Idea to Product

The barrier between idea and product collapsed

I deployed Tend as a Progressive Web App. A PWA is a website that installs on your phone like a native app. You visit the URL, tap Add to Home Screen, and it's done. No App Store. No approval process. No build pipeline. It gets an icon, opens full-screen, and can work offline. The browser handles all of it.

For Tend, this meant I could go from finished build to something anyone could install in minutes. The first time I put it on my own home screen it felt different from any prototype I had ever made. Prototypes simulate the feeling of a product. This was the product.

Live product

Tend Journal

An installable PWA. No App Store, no gatekeeper, no engineer to wait on. Designed and built solo through conversation with AI.

Visit tend-journal.netlify.app

Shaping My Approach

What I Learned from Building with AI

  1. Precision is the skill

    Vague prompts produce vague results. Learning to articulate exactly what you want, under what condition, with what current behavior, is a new design competency.

  2. You still have to identify the use case

    AI executes a well-defined use case with speed. It cannot surface the right use case. That still requires empathy, conversation, and your own judgment.

  3. Speed changes what you attempt

    A shorter feedback loop has tradeoffs. At scale, things get missed. But as a design tool for shipping-ready prototypes, the speed is an asset. When the distance between idea and built thing collapses, you attempt things that would never make a roadmap. Speed changes not just how fast you work, but what you're willing to try.