The Vibe Coding Diaries: đ Get Feedback
The sixth and seventh hour
Itâs Day 2 of my vibe coding hackathon that wasnât meant to beâŚ
If youâre just tuning in: I applied for the Lovable 48-hour buildathonâŚ
I didnât get inâŚ
But as a lovely surprise, Lovable gifted me 25 credits. So here I am, vibing rogue and building my birthday party planner anyway. đ
2nd Night 1st and 2nd Hour - My First Lovable User
After last nightâs coding sprint, Iâve got my first working prototype. The app technically works, which is both exciting and slightly dangerous. Because now Iâve entered the infamous âjust one more tweakâ phase⌠also known as the black hole of perfectionism (and AI credit burner).
This time, Iâm not going to adjust fonts until 1 AM.
Instead, Iâm focusing on the little details that make the app usable, friendly, and maybe even a bit delightful.
Feedback Is a Gift
The first rule of vibe coding: get feedback.
The second rule: get feedback.
The third rule: you get the idea.
Even before your app goes live, hand it to someone - your kids, your mum, your friends - and watch them use it without your commentary. Youâll spot things you never noticed before.
But even before that, I started with Lovable and turned it into my first tester.
Prompt to try:
âAct as my first user. Walk through the onboarding and main feature of my app. Tell me whatâs confusing, what feels missing, and what you expected to happen.â
Lovable didnât just critique my app; it made a plan to fix all the feedback. đ¤
What Changed After Feedback
Hereâs what my âuserâ (aka Lovable) helped me add:
â
Demo mode â so people can try the app without signing up.
â
Welcome tour â to gently guide first-time users.
â
Form validation â with friendly error messages instead of cryptic code.
â
Settings page â to update profiles, restart the onboarding tour, or delete accounts.
Itâs amazing how much more human the app feels now.
Empty States = Empty Space?
My âno parties yetâ screen used to look⌠depressing.
Just a blank page and sad whitespace.
Now it says:
đ âLetâs plan your first party!â
Plus a tiny doodle of a balloon. Itâs such a small change, but suddenly it feels like the app is cheering for you instead of judging your inactivity.
Quick Polish
Once the basics worked, I asked Lovable for a quick design audit:
Prompt to try:
âAudit my appâs design consistency. Are fonts, colours, and buttons aligned across all screens? Suggest and implement fixes for spacing, typography, and small animations to make it feel polished.â
The result? Calmer, cleaner, cohesive and easy on the eyes.
Like tidying your desk before sitting down to create again.
Sprinkle in Delight
Tiny details, big difference.
If you havenât heard of 21st.dev or ReactBits, I highly recommend you check them out now. They are full of eye-catching and playful animations that you can copy for free.
They make your app truly stand out.
Look at how cool this background animation is! Check it out on 21st.dev.
Next, Iâll go through my pre-launch checklist before hitting the Publish button.





