Your First App in 15 Minutes (Lovable Walkthrough)

What We're Building Today

In Lesson 1, you wrote a prompt for a habit tracker: build a simple habit tracker that lets me check off daily habits and see a streak count, with a clean minimal design and a dark background. That's exactly what we're going to build right now, step by step.

By the end of this lesson, you'll have a real working web app live at a public URL. No installation, no code, no credit card. Just your prompt and fifteen minutes. Follow along -- or swap in your own idea from Lesson 1. The process is identical.

Step 1: Create Your Lovable Account and Start a Project

Go to lovable.dev and sign up with your email or Google account. The free tier gives you 5 messages per day -- enough to build and polish a first app.

Once you're logged in, click New Project on the dashboard. You'll land on a blank project page. The interface has two panels: a chat panel on the left where you type prompts, and a live preview on the right that updates every time you send one.

Spend 30 seconds getting familiar with the layout before you type anything. The prompt box is at the bottom of the chat panel. That's where everything starts.

Step 2: Write Your Opening Prompt

Your opening prompt sets the foundation for your entire app. A detailed, specific prompt here saves you five or more follow-up messages of cleanup. Here's the prompt we're using -- type or paste it exactly:

Build a daily habit tracker web app. The app should let me: 1. Add new habits with a name 2. Check off each habit for today with a click 3. See a streak count for each habit (how many consecutive days I've completed it) 4. View all my habits in a card layout Design: dark background, minimal UI, green checkmarks for completed habits. Data should persist so habits are still there when I refresh the page.

Notice what this prompt does: it lists features as numbered items, describes the visual style clearly, and adds the critical detail about data persistence. Lovable reads every word and makes decisions based on it.

Click send. Lovable will generate a first version in about 30 to 60 seconds.

Step 3: Review What Lovable Built

When the preview appears, don't immediately ask for changes. First, actually use the app.

• Try adding a habit. Does it appear in the list?
• Check it off. Does the checkmark appear? Does the streak change?
• Refresh the page. Are your habits still there?
• Look at the design. Dark background? Card layout?

Most first versions will be 70--80% of what you wanted. That's expected -- not a failure. Make a mental list of what's missing or off before you type anything else.

Step 4: Refine with Follow-Up Prompts

Now you can improve it. The key rule: ask for one change at a time. Stacking multiple requests in one message often results in the AI getting some right and skipping others.

Good follow-up prompts look like this:

The streak count isn't incrementing when I check a habit. It should go up by 1 each time I complete it today.

Add a button to uncheck all habits so I can reset for a new day. Put it at the top of the page.

The cards feel too cramped. Add more padding inside each card and make the habit name slightly larger.

Keep going until you're satisfied. Most simple apps reach a solid state within 5 to 8 total prompts.

Step 5: Share Your App

Lovable automatically hosts everything it builds. Look for a Share or Publish button in the top-right corner of the editor. Click it and you'll get a public URL you can send to anyone -- no deployment steps, no server to configure.

Your first app is live. Send the link to someone. Bookmark it. You just shipped something real.

In the next lesson, you'll learn the skill that makes the whole process faster: how to write first prompts that need less fixing -- and follow-up prompts that get exactly what you asked for.