ZenFlow — Fully Vibe-Coded by Someone Who Knows Nothing About Web Dev

September 5, 2025

This content originally appeared on DEV Community and was authored by Santhosh

Hey y’all , I just dropped my first App project: ZenFlow — a minimalist daily planner that runs both in the browser and as a macOS desktop app via Tauri 2.

And here’s the wild part: I literally don’t know a dime about web dev. No formal training, no roadmap, just vibes and curiosity. If I can do this, anyone can.

What’s ZenFlow?

Daily Planner → Pages like Today, Calendar, Habits, Focus (Pomodoro), and Journal.
Ambient Vibes → Rain, forest, ocean, coffee shop, or brown noise (with volume controls).
Desktop Magic → Native notifications + scheduled reminders, thanks to Tauri.
Local-First Storage → Uses Tauri Store on desktop, falls back to localStorage on web.
Clean Look → Built with Next.js, React, TypeScript, Tailwind, and Lucide icons — by someone who once thought CSS was illegal.

How I Made It Happen (with zero clue)

Found Next.js, React, and Tailwind, thought “sure, let’s try.”
Added pages — Today, Habits, Journal — mostly copy-paste → tweak → pray.
Ambient sounds? Dropped some MP3s in a folder, set up a context — instant vibes.
Pomodoro timer? A timer + notification plugin + bell sound = “productivity.”
Local storage? Mixed plugins, trial + error, fallback logic — somehow works.

What It Can Do

Landing & Today → start your day with clarity.
Calendar → quick glance at plans.
Habits → track routines & streaks.
Focus → Pomodoro timer + ambient audio + stats.
Journal → jot down thoughts, reflect later.
Settings & Notifications → reminders that actually pop up on desktop.

The Tech Stack I Accidentally Learned

Next.js 15 + React 18 + TypeScript
Tauri 2 → desktop shell (notifications, storage, SQLite, filesystem)
Tailwind CSS + Lucide icons → minimalist design
date-fns, clsx, local-first storage setup

Screenshots

A few peeks at ZenFlow in action:

Built with AI (for real)

Here’s the twist: I didn’t build ZenFlow alone.

This project was 100% co-created with AI tools:

GitHub Copilot → my autocomplete buddy in the editor
ChatGPT 5 → helped me figure out architecture, debugging, and documentation
Claude 4 → brainstorming, planning, and polishing content

And because vibes matter, the UI design was explored and refined with Google Stitch.

Without these tools, ZenFlow wouldn’t exist. It’s not just AI-assisted — it’s literally AI-built.

TL;DR

I somehow built a minimalist daily planner with:

ambient audio,

Pomodoro focus mode,

journaling & habits,

notifications & reminders,

local-first storage.