Forem: Berat Bozkurt

My First Real App with Vibe Coding: From Idea to Launch (and Why I Built TabRush)

Berat Bozkurt — Wed, 18 Feb 2026 01:45:12 +0000

I shipped my first real app using a vibe coding workflow, and it changed how I think about building products.

The app is TabRush: a lightweight ad marketplace where one Safari tab becomes a spotlight for a sponsor. It’s inspired by the simplicity of early internet ideas, but built for makers and startups who want fast visibility.

Why I built this

I kept asking myself a simple question:
Can one high-attention placement outperform dozens of ignored ad slots?

Most indie teams don’t just struggle with shipping features.
They struggle with distribution.

So I wanted to build something that is:

easy to understand in seconds,
fast to use,
and focused on visibility, not complexity.

My first vibe coding experience

I had used AI-assisted workflows before, but this was the first time I used vibe coding from idea to launch prep.

What worked:

Tight constraints in prompts
Short iteration loops
Fast UI/content experimentation

What didn’t:

Generic outputs when prompts were too broad
Inconsistent product voice without clear writing guidelines
“Fast code” that still needed human product judgment

Big lesson: vibe coding gives speed, but clarity and taste still come from the founder.

How the product evolved

TabRush started as a fun concept and became a clearer product:

one spotlight tab for the latest sponsor
side tabs for previous sponsors
increasing value as new spots are booked

That evolution happened through repeated feedback and build-in-public iterations.

What I learned during launch prep

The final 20% was not just coding.
It was:

positioning,
messaging,
trust signals,
and making the value obvious in 5 seconds.

Shipping fast is useful. Shipping clear is what converts.

If you’re building with vibe coding

*My practical advice:
*- Define constraints before writing prompts

Validate product clarity before polishing visuals
Treat copy as product, not decoration
Use AI for speed, but keep decisions human

If you’re curious, the product I built is TabRush.

It’s my first full launch using this workflow, and I’m sharing the process publicly as I keep improving it.

My website is open-source w/Gatsby!

Berat Bozkurt — Sat, 27 Mar 2021 20:53:22 +0000

I build my homepage with gatsby (starter-blog). The repository is source code for beratbozkurt.net

Features

Blog post with markdown
Show your favorite projects
Share your photos with flickr
Dark mode
Webmention.io support

Reach to repo

You can reach the repo and more details on my repo. https://github.com/berat/homepage

Help! Ionic The back button works incorrectly after multiple clicks on the same tab.

Berat Bozkurt — Tue, 06 Oct 2020 21:15:05 +0000

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

I made a mobile application with ionic5 as react and simply used tabs. I accidentally pressed the tab I was in at that moment 2 times and when I click the Hardware back button on my Android phone, it redirected it to that tab again.

Expected behavior:

Shouldn't it don't be kept in memory when I click that tab again while in the tab I am in? Or when I click on that tab, I shouldn't do any redirection. How many times I click on that tab, I want to go to the tab I am in before that tab.

Steps to reproduce:

I can't provide an example, but we can think like this.

There are 3 tabs: Homepage, Search and Profile.
First, I click on the search tab while on the homepage and go to that page.
While on the search page, I click the search tab 1 or more times.
When I press the back button on my Android phone, it redirects me back to the Search page.

Related code:
I use a structure like this.

<IonReactRouter>
  <IonTabs>
    <IonRouterOutlet>
      <Route path="/" render={() => <Redirect to="/home" />} exact/>
      <Route path="/search" component={SearchScreen} exact />
      <Route path="/profile" exact component={ProfileScreen} />
    </IonRouterOutlet>
    <IonTabBar className="tab-bar-box" slot="bottom">
      <IonTabButton
        className="tab-button"
        tab="tab1"
        href="/home">
        <div className="tab-bar-item feed" />
        <IonLabel>{strings.tabs.feed}</IonLabel>
      </IonTabButton>
      <IonTabButton
        className="tab-button"
        tab="tab4"
        href="/search">
        <div className="tab-bar-item search" />
        <IonLabel>{strings.tabs.search}</IonLabel>
      </IonTabButton>
      <IonTabButton
        className="tab-button"
        tab="tab5"
        href="/profile">
        <div className="tab-bar-item profile" />
        <IonLabel>{strings.tabs.profile}</IonLabel>
      </IonTabButton>
    </IonTabBar>
  </IonTabs>
</IonReactRouter>

insert short code snippets here

Other information:

Ionic info:

Ionic:

   Ionic CLI       : 6.11.10 (/Users/root/.config/yarn/global/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 5.1.1

Capacitor:

   Capacitor CLI   : 1.5.2
   @capacitor/core : 1.3.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v14.12.0 (/usr/local/Cellar/node/14.12.0/bin/node)
   npm    : 6.14.8
   OS     : macOS Catalina

A Nice Story of Experience and Failure…

Berat Bozkurt — Sat, 03 Oct 2020 14:15:29 +0000

I have launched to Davetiyem.co, digital wedding invitation creation project, on January 19, 2019. I have completed my project which has been active for about 2 years, as of September 27, 2019. I have won good experience and knowledge on this road I set out to gain experience and achieve something. I wanted to share a few thing to myself and share with you what I learned, what I did wrong during this project.

Let’s start. But first if your age is 24 or above, please close the article without reading. Because I wanted to learn this things with yourself. Just do it!

If you are alone, you are nothing.
Okey, so nice. You have an idea and you believe that you will do it. You believe yourself and positive, it’s nice. Well who are with you? Who will you during this project with? Who are your workmates?

I was alone in the project and this is one of my biggest problem. That’s why I had to do everything. In this way I couldn’t focus and productive in the project. Let’s think you work with 2 people. You are developer, one of your friends is designer and another is marketer. I think that is enough for a good work. As long as you distribute the task and everyone should work from the heart

Hit to market as soon as possible!
I tweeted at the time. But it’s Turkish.
// Detect dark theme var iframe = document.getElementById('tweet-1290376689667776512-496'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1290376689667776512&theme=dark" }

Really like this. Because you can do it the project somehow. Why do you think so much? Already nothing happens as you think it and when you launch the project you will change most of the things. Plan to implement your idean as simple and run. While you are already in the live, you will remove and add something. That’s why don’t think so much and don’t spend time with programming. Just do it!

If you want, spent 5 or 6 months to programming the project. Is success guaranteed? Just launch the project and focus to keeping the user in app — be careful, I don’t say to win the user —

Give importance to marketing!
I was the one who designed the project, interested in the programming side, managed social meda and blog site. But marketing… Marketing is different world for me. I could share with my circle but it was not enough. When you focus to marketing side, I think you can reach the user and keep the user in your app with a good strategy.

Too hard without budget!
It happens to a level without budget, I cannot say to don’t happen. This level is just in first month. After a month, certain expenses must be made. Otherwise the app stays where it is and you will do just one think that how many people use and register to your app.

The issues I’ve taken out of this process are generally like this. How about you to talk about what it gain me a little bit?
The amount I earned financially from the project. I was just using adsense for blog site and recently I was getting a few click a day. Totally like this.

33.50 Turkish Lira = 4,37$

I switched the project to the paid version a few months ago. But it doesn’t work. Because anybody doesn’t register to site :) So I didn’t make money with paid version.

I would like to excite you by writing financial gain here but unfortunately that’s all :)

At the same time I was applying to work a few company from Turkey and abroad as I was a student. When I said to “I have a startup”, this interview was getting more attention. I called it as a startup although it’s a small project. Then we were talking about the project and in this way they could understand me better. I think this approach makes me more efficient and hardworking. Because those of this ages (20) generally busy to consume something.
I was trying to reach a lot of people for comment and feedback before and after launch the project. It’s really interesting because it’s truly world to be friend people with an entrepreneurial spirit. Because there are treat everything as both problem or resolve.
When I was go to high school, I coding front side and I don’t know how to coding to back side. I was looking a few people for back end. I was start to meet a few people but I was left halfway. Therefore I learnt Python and then flask framework. I was finally able to write a back end service. It was amazing. You can imagine that this was a very difficult process. So I found myself somewhere I never expected. And I gained a different experience.
I had very different trial and error that especially in technology and marketing. If you are a developer, whatever your field is I think you can focus on the field — of course if you are beginner level — . Because it is great investment for the future. By doing this, I can better determine my next step. Because I’ve experienced all this before.
Like I said, I talked to a lot of people and heard their opinions. It means I reached new minds and that improve me. I learnt to design and programming, I think it’s very well:) I learnt how difficult the marketing process and which channels to use active. The essence of the word, I learnt very well :)
Have we failed? Did not it work? Does it matter? We’ll try again. Our biggest gain from this is: We learned a good lesson and continue on our way to hit the target from 12.

// Detect dark theme var iframe = document.getElementById('tweet-1309756353053941760-626'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1309756353053941760&theme=dark" }

Last thing I mean before I finish the article. Think, implement, improve, be happy! Nothing happens as you imagine. Nothing is that easy!

The original: Medium/beratsblog

You can reach me on Twitter, Instagram, mail address. You can also go to my site.

Building a Twitter Bot /w Node.js

Berat Bozkurt — Tue, 22 Sep 2020 18:29:55 +0000

I wanted build a bot about Twitter for avoid manually tweeting the keywords I want. Because this is a very demanding and time consuming task. Am I not a developer? Why don’t I programming a bot and it doesn’t do these things for me? And I was started :)

We will use to 3 library for the bot.

Twit (https://www.npmjs.com/package/twit)
Node-cron (https://www.npmjs.com/package/node-cron)
Express (https://www.npmjs.com/package/express)

In fact only Twit library is enough, but I included Node-cron and Express libraries for I wanted it to work constantly.

npm init -y

Let’s create the project with the code above. Later, let’s install the libraries I mentioned the above to our project and keep going.

Now we’re in the the twitter api creation section. I won’t explain this. Because you can find it on the google. This way you can create to API. Later create to api, let’s adding to config.js file on the project, and write to api keys and tokens here. File will be like this.

don’t forget to change to the XXX’s

Now, we will coding to the bot. For this, let’s import to install libraries and config file to our project.

const twiti = require(‘twit’);

const twit = new twiti(config);

You can connect the library as above.

in params object;

q: I access tweets that contain the word I want.
count: I determine how many tweets I will access.
result_type: I determine what type of results are.

I determine that I have made the tweets I want by making a request to search/tweets parameter with the twit.get function. There are also a few controls inside the function. If it passes these checks, I tweet and like.

If I talk about the logic here, firstly I’m accessing tweets that I want and doing controls in function. The controls are about that not reply or not retweet and I’m checking to just send one reply to a tweet. If it’s okay, i’m reply and like to the tweet. Totally like this.

Well, why are we using to express and node-cron libraries? I want the project to be running constantly on Heroku. For that reason, I built to web framework with express. I redirect to/ and I used to node-cron to run it every 20 minutes. Because Twitter is blocking to the app for constantly tweeting and you don’t tweeting again. That’s why we put a 20-minute interval. Hereby the system works in 20 minute intervals.

I also shared the project as open source.

https://github.com/berat/twitBot (Don’t forget to start and follow :) )

Original of the post: https://medium.com/beratsblog/building-a-twitter-bot-w-node-js-80a88c25026a

You can reach me on my Twitter, Instagram, mail address. You can also go to my site.

Word Box with React Native (Open Source)

Berat Bozkurt — Sun, 05 Jul 2020 17:13:59 +0000

I had been preparing a flashcard to learn English for a long time. To do these things faster, I made an application with react native and did not publish it anywhere. The project is not fully finished. But you can add and use words. So I wanted to put it up to this stage. If you want, you can continue developing.

github: https://github.com/berat/wordBox-react-native

Demo (Video)

https://www.youtube.com/watch?v=nAQtdNFyuRg

Screenshot

Thank you for your watching

To follow me Github - Twitter - Linkedin

I have a question for you, come here

Berat Bozkurt — Mon, 15 Jun 2020 18:01:01 +0000

Why should a person who wants to be a developer go to school for a few years? Actually not everyone can learn on their own? Can't they educate themselves?

Fortunately, I Am Developing The Project.

Berat Bozkurt — Wed, 03 Jun 2020 11:41:26 +0000

I have started to develop that I have been thinking about my own idea for 2 or 3 years. It took me a long time because I couldn’t spare time and didn’t know the technologies. Over time I have improved myself and spent time in time. Then I have developed the project. I only knew front-end. So I had to look for a friend to back-end. I had met a few people. Either we didn’t get along or he let me down. It didn’t seem like will be this kind of and I had started to learn of Python. I was thinking to develop my project by myself. Let look at the matter.

In This Project:

It helped me learn the programming language I wanted to learn.
I developed a project after completing a training set.
I improved my research skills.
I improved a bit of my English.
It guided me in human relations.
It taught me to be patient.

Let’s go into details. I said I learned Python. I have finished the training set in 1 month. Then I started to develop Flask and My first project is this project. I did the project in about 3 months.

I have searched a lot of things on google Because I didn’t know to use a lot of features in this project. These researches were taking sometimes 10 minutes, sometimes 3 hours, sometimes for days. I was taking a break when it lasted more than 3 days. Later I was continuing where I left off. So I understood how important it was to be patient. Turkish resources are insufficient. You are searching for English. I didn’t understand many articles in English and I was translating it into Turkish. Then I was trying to solve the problem.

I was wondering what people thought of my project. I was writing to people for it. Some of them made positive feedback while others didn’t.

That’s all that happened so far.

Now There has marketing and social media business. Let’s see what happens then.

If you have anything to ask, you can easily write to me without hesitating from my social media accounts.

You can reach me on my Twitter, Instagram, mail address. You can also go to my site.

React vs Vue: In My Opinion.

Berat Bozkurt — Thu, 21 May 2020 15:13:50 +0000

I’ve been trying to produce new projects with a lot of technologies in the front-end world for I currently continue my career as a freelancer. When I got a project, I aim to develop the project by choosing which technology is more reasonable to use. So I have to know about technologies and produce projects for practice.
I normally develop projects with React and I’m actually very satisfied. I made a simple project with Vue when I hade some time. In this way, it was more than enough to understand the logic of Vue. I was wanting to write an article like this. So when I started learning React, I rewrote the application I wrote with React. It was going to easy to compare this way.

You can reach the repository and demo link below before start.
React
Github Repository: https://github.com/berat/react-practical
Demo: https://practical-react.herokuapp.com/

Vue
Github Repository: https://github.com/berat/vuejs-practical
Demo: https://vuejs-practical.surge.sh/

I would like to write in the form of titles but I don’t know much about term expressions. That’s why I’m writing as a ingredients.

I was easily develop the project with Vue for I was know React. It had a process so long for I started new everything when I started learning React. If you want to learn both React and Vue, I recommend starting with Vue. The Vue document is very successful at the beginning stage.
I say React as the coding style. I don’t like to writing standard of Vue. It doesn’t work to write if, for in HTML for me.
If you ask me that Redux or Vuex, no doubt I say Vuex. It’s really easy to deal with states in Vuex and You get immediate results. I guess I was spend 1–2 days to learn Redux.
I can’t a choice for the Router. Both of them are basic and useful to me. So I passed this step.
You use <style><script><style> to build code structure in Vue. I don’t like to use situations (v-if, <template>)that are just an option. I want be free when I write code. So Angular and Vue are the same, React is in a different place for me.
I use Hooks on React. So It works Hooks for me. As far as I know, there are 5 or 6 lifecycles that are most used in Vue and it’s really easy and understandable to use them but if I have to make a choice I would vote on React’s side. —-I don’t know if there’s anything like Hooks in Vue--
Vue devtool is better than React devtool. The designed the Vue devtool so nice that it’s very easy to use.

If you ask me which one to recommend, the only thing I will say to you. “Learn any of them and just get start”. It will be really easy to write the other once you start learning any of them. Then whichever makes more sense to you, you already use it. Choose both try side!

There can be absolutely distinctive points but I just wanted to pass superficially. If I’m going to do a weekend project, I would definitely choose Vue. But I’m not surprised to use React in other projects.

I want to advertise before I finish the article :)
// Detect dark theme var iframe = document.getElementById('tweet-1262588664053485568-860'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1262588664053485568&theme=dark" }
I would be glad if you could help me see everyone.

If you have anything to ask, you can easily write to me without hesitating from my social media accounts.

You can reach me on my Twitter, Instagram, mail address. You can also go to my site.

My Portfolio 👨🏼‍💻

Berat Bozkurt — Mon, 27 Apr 2020 10:10:15 +0000

My Portfolio

Since I planned to work in Germany or the US as a career, I created my new portfolio homepage. I used reactjs, nextjs in the project and this is my first project using dark mode.

I write here because: I would like you to get a few feedback, learn more about me, support them if you are a beginner, check out my open source projects I've done so far.

My portfolio : http://beratbozkurt.net/

My VSCode World

Berat Bozkurt — Wed, 22 Apr 2020 21:02:57 +0000

Hello, I realized that I haven’t written anything for a long time. You know we stay at home and education continue remotely. While we have free time so much, I keep improving myself and development a few projects. I try to work efficiently at these times and I also spend my time looking at the VSCode screen. That case, we can say this is my world and I need to make settings, to install extensions and themes to make my world beautiful and useful. Maybe we will share to the world with you. Who knows :)

Extensions

I use to extensions except my suggest extensions for snippets and code runner. I’m thinking you already use these.

1- Backet Pair Colorizer | https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

I got it from the extension page
if you are drowning in parentheses, the first extension you should install. A color for each parenthesis is determined and You can focus better on which scope you are interested in.

2- Colorize | https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize

(You can see my twitter) https://twitter.com/beratbozkurt0/status/1249304972887539714

I already publish the extension on my twitter. As you will see in the tweet, it’s an extension that allows you to easily see what color it’s by making the color codes colored in this way.

3- Highlight Matching Tag | https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag

I got it from the extension page
Let’s think you write <div> in HTML You have written hundreds of code and difficulty with where this ends. It’s a extension that will be a cure for you at the moment.

4- Markdown-formatter | https://marketplace.visualstudio.com/items?itemName=mervin.markdown-formatter

I got it from the extension page
The last extension I recommend to you is markdown-formatter. If you are preparing content to your .md extension file, You can be faster with this extension.

Themes

I have a lot of preferences for themes. Because I can use different themes at the moment according to my current mood.

1- Palenight Theme | https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme

It’s one of the themes I use the most. I use this theme a lot since I can focus on writing code in these tones and it doesn’t tire my eyes.

2- Night Owl | https://marketplace.visualstudio.com/items?itemName=sdras.night-owl

If I write to code in the early hours, I try to use light-colored themes. I tried a lot of themes but I decided on this theme.

3- Andromeda | https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda

If you find some more colorful theme, I can suggest this theme to you, but after a while it may cause eye strain. So I don’t prefer to use this theme.

4- VSCode simpler Icons with Angular | https://marketplace.visualstudio.com/items?itemName=davidbabel.vscode-simpler-icons

I don’t have to say for this. As you can see, they have separate icons for each file extension and special folders. The reason I use this is just that it’s simple. The icons are of great help when I look for something.

I use the JetBrains Mono for the font. I love this style of the font so much. It’s really nice to see some expressions clearly when you write the javascript code.

If you have anything to ask, you can easily write to me without hesitating from my social media accounts.

You can reach me on my Twitter, Instagram, mail address. You can also go to my site.