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
localStorageon 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.
All while knowing basically nothing about web dev. If I can vibe-code this together, you definitely can too.
This content originally appeared on DEV Community and was authored by Santhosh
Santhosh | Sciencx (2025-09-05T12:23:23+00:00) ZenFlow — Fully Vibe-Coded by Someone Who Knows Nothing About Web Dev. Retrieved from https://www.scien.cx/2025/09/05/zenflow-fully-vibe-coded-by-someone-who-knows-nothing-about-web-dev-2/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.