How to Build An App with AI in 30 Minutes (no experience required)

Happy Friday. “Dude, I just vibe coded a new app last night and already got my first customers.” Yea I know that’s how it seems right now online, every Indie maker bro is making a ton of money from an app they supposedly built in a day. But I’m here to tell you it’s possible, you just need distribution. I’ll leave that for another day (comment if you want a guide on marketing). Today let’s look at the actual tools it takes to VIBE CODE. — Olumide Gbenro

Here’s What You’ll Learn Today

• How to Use Lovable To Build A Web App

• How to Build a Website in 5 Minutes Using Replit

• How to Build a Web App with Bolt in 30 Seconds

How To Build A Web App With Lovable

How to Use Lovable For Vibe Coding

1. Sign Up/Sign In

• Visit lovable.dev and sign in with GitHub, Google, or email

2. Create a New Project

• Click "New Project" from your dashboard

• You'll see a prompt asking "What would you like to build?"

• Type a brief description of your web app idea (e.g., "A weather forecast app" or "Personal blog")

• Alternatively, select from template options below the prompt

• Click "Create" to generate your starter project

3. Develop Your Application

• Use the code editor for HTML, CSS, and JavaScript

• Access file explorer on the left and console at the bottom

4. Install Dependencies (if needed)

• Use the terminal to run npm install <package-name>

5. Test Your Application

• Click "Show" to preview your app as you make changes

6. Configure Environment Variables

• Edit the ".env" file for secure configuration

7. Share or Deploy

• Your app is automatically available at your-project-name.lovable.dev

• Use the "Share" button for collaboration

↓ Check Out What I Created ↓

How to Build a Website with Replit In 5 Minutes

How to Use Replit for Vibe Coding

1. Sign Up on Replit:

   • Create an account on Replit’s website.

   • Choose a free or paid plan based on your needs.

2. Start a New Project:

   • Select "Create" from the dashboard.

   • Choose your preferred programming language (e.g., JavaScript, Python).

3. Activate the AI Assistant:

   • Open Replit’s built-in AI assistant by clicking on its icon or using a shortcut.

   • Describe your project in natural language (e.g., "Build a voting app with two options: 'Yes' and 'No.' Display real-time results.").

4. Collaborate with the Assistant:

   • The assistant will generate initial code.

   • Test it within Replit’s integrated environment.

   • Modify or expand functionality by providing additional prompts like: "Add user authentication before voting."

5. Deploy Your Application:

   • Use Replit’s one-click deployment feature to make your app live.

   • Share it via a public URL.

↓ Check Out What I Created ↓

How to Build a Web App with Bolt in 30 Seconds

How to Use Bolt for Vibe Coding

1. Sign Up for Bolt:

   • Register on Bolt’s website or app.

   • Access its free tutorials to familiarize yourself with the interface.

2. Customize Using Prompts:

   • Open Bolt’s prompt editor.

   • Type: "Create a dashboard that fetches live cryptocurrency prices using an API."

   • Bolt will generate the necessary backend and frontend code.

3. Integrate Additional Features:

   • Add functionality by specifying new prompts such as: "Include graphs to show price trends over time."

4. Test Your App:

   • Run the app within Bolt’s testing environment.

   • Debug any errors using Bolt’s built-in troubleshooting tools.

5. Deploy Your App:

   • Publish your project directly from Bolt’s platform.

↓ Check Out What I Created ↓

OK, Let’s Compare The Tools!

So, now you’re sitting there feeling “vibey” but not sure which product to start with? The below breaks down the features of each so you can decide yourself.

*The Caveat

If you have 0 experience coding or problem solving, you may run into issues with troubleshooting, you see most AI coding platforms are amazing..until something goes wrong. My first time something that should have taken 5 minutes took 5 days. It could have been solved if I understood the error from experience and the simple solution.

So, did you try to Vibe Code? Let me know how it went, or if you need any help hit that reply button!

Keep Creating

Olumide Gbenro

Was this forwarded to you? Sign up here.

Want an AI follow up system that calls, texts & emails your prospects 30 seconds after they fill out your lead form? Book here

Want an AI Twin that posts daily for you on social media? Click here.

Want to invest in my startup, Creatoor AI? Let’s chat.