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

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)

1. Found Next.js, React, and Tailwind, thought “sure, let’s try.”
2. Added pages — Today, Habits, Journal — mostly copy-paste → tweak → pray.
3. Ambient sounds? Dropped some MP3s in a folder, set up a context — instant vibes.
4. Pomodoro timer? A timer + notification plugin + bell sound = “productivity.”
5. 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.

All while knowing basically nothing about web dev. If I can vibe-code this together, you definitely can too.

👉 ZenFlow on GitHub

---