I’ve built my first app this is also my first vibe coding project.
My mentor came up with this idea and told me to execute it
I was so excited about building this app that I dedicated 5 to 6 hours a day, and sometimes even more, to finalize it
As being from a non-coding background, I started building this app with the help of Google AI Studio
I provided the entire context of my app through a text file to Google AI Studio
The file contained the complete script of the app, crafted by my mentor. The script was so well written that I’m honestly struggling to find the right words to describe it.
Reading it itself felt pure and calming, and just imagine what it was like to listen to it.
Google AI Studio built the basic structure of the home page. After that, I kept providing prompts, and in many cases, I even used chatgpt to generate better prompts for the app.
decided built a separate AI project where all of my app-related chats were stored in one place. This project had the context of my previous conversations, so it could generate responses based on them without me having to repeat the same context every time.
One thing I have to mention is that whenever you’re building something on a vibe coding platform, there’s one line you’ll end up using again and again:
“Keep everything else the same.”
Without adding this, the AI may try to make additional changes that you won’t want to implement.
It saves a lot of time when you’re adding a new feature because the AI only changes what you’ve asked for instead of modifying other parts of your project.
initially I decided to build this app using Google AI Studio. It helped me create the basic structure, The app’s initial structure was built in under a week but shaping the app into what I actually envisioned took nearly a month.
It was an cool journey. Every bug felt like a puzzle
As I kept testing it, I realized a few limitations. One important element was missing: a calming background chime sound that could make the experience feel more immersive Another drawback was that apps built on Google AI Studio could only be shared with people who had the link, making it difficult for others to use
The app has a feature where it pauses whenever a sentence is completed. During the pause, the animation hides, and it starts again when the audio resumes. This part took me a lot of time to build.
I built the entire structure of audio completion and pause system using JavaScript. This approach fits the app well.
This feature literally took me many days to figure out, as I kept experimenting to find the right solution for the problem.
But then another problem arose. My desktop wasn’t compatible with Android Studio, and I didn’t want to use other third-party solutions.
Then I got an idea from my brother to host the application on my website. So, I deployed it there and changed a few parts of the code, mainly updating the audio paths from local file paths to the website audio source.
This worked well, and finally, I got the expected output.