Beacon 26 of 30โ–พ
87% complete
๐Ÿ  Home ๐Ÿ“‹ Prerequisites
๐Ÿš€ Intro
1Welcome aboard 2How to talk to AI 3Pick your companion
๐Ÿ“ Text & Communication
4Write it better 5Lost in translation? 6Tell your story 7Research like a pro 8Fact or fiction? 9Summarize the world
๐ŸŽจ Image Creation
10Paint with words 11Make it yours 12Design without designer 13Edit like magic 14Style explorer
๐ŸŽฌ Video & Audio
15Your voice, amplified 16Music from nothing 17Caption it 18Moving pictures 19Your AI podcast
๐Ÿ’ป Productivity
20Plan your week 21Tame the spreadsheet 22Never forget a meeting 23Your personal assistant 24Presentations, effortlessly
๐Ÿค– Advanced Tools
25Automate the boring stuff 26Build without code 27AI agents unleashed 28Your custom chatbot 29Connect the dots
๐Ÿ Closing
30Who are you now?
๐Ÿค– Advanced Tools
Beacon 26

Build
Without Code

"You don't need to understand how a bridge is built to cross it."

๐ŸŽฏ What you'll learn

In this Beacon, you'll build a real, working mini app โ€” using nothing but words.

No code. No technical skills. Just a clear idea and a prompt.

You'll use a tool called Lovable, which turns your description into a fully functioning web app โ€” one that you can actually open in a browser and share with anyone.

This is one of the most surprising things AI can do today. Let's try it.

๐Ÿ› ๏ธ Meet the tool

Lovable is an AI-powered app builder. You describe what you want, and it writes all the code for you โ€” then instantly publishes your app online.

You don't need to know anything about programming. You just chat with it, like you would with an AI chatbot.

๐Ÿ”— Go here to get started: https://lovable.dev

Sign up for free โ€” no credit card needed.

A few things to know about the free plan:

  • You get a limited number of free credits each day โ€” more than enough for this Beacon
  • Each message you send uses roughly 1 credit
  • Your app will be published at a public link (a lovable.app address)
๐Ÿงช Try it now

You're going to build a simple daily habit tracker โ€” an app where you can tick off small habits each day, like drinking water, going for a walk, or reading for 10 minutes.

1
Sign in and start a new project

Go to https://lovable.dev and sign up (or log in if you already have an account).

On the main screen, you'll see a text box where you can describe your app. That's all you need.

2
Type this prompt and press Enter:
Ready-made prompt
Build a simple daily habit tracker. It should show a list of habits I want to do each day โ€” like drinking water, going for a walk, and reading for 10 minutes. I should be able to tick each one off, and the page should show how many I've completed today. Keep the design clean and friendly.

Now sit back and watch. Lovable will write the code and build your app โ€” usually in under a minute. When it's done, you'll see an "Added habit tracker" card appear in the chat. Click the Preview tab to see your app running.

3
Publish your app

Try ticking off a habit in the Preview tab โ€” it works! When you're ready to publish, click the share icon in the top right corner. A Publish panel will open. Work through the steps:

  1. Your website URL is already set โ€” click Continue
  2. Leave visibility on Public โ€” click Continue
  3. Leave the website info blank โ€” click Continue
  4. Review the summary โ€” click Publish

You'll see "Your app is live!" โ€” with a real link like good-deeds-today.lovable.app. Click View app to open it in a browser, or Share to send the link to anyone.

4
Make one small change (optional)

If you'd like to tweak something, just type a follow-up message โ€” for example:

Ready-made prompt
Change the colour scheme to something calm and green.

Or:

Ready-made prompt
Add a fourth habit: "No phone before breakfast."

Lovable will update the app instantly.

Screens and menus may look slightly different โ€” that's normal. Just explore and you'll find your way. ๐Ÿ˜Š

👀 What to notice

Look at the app running in the preview panel โ€” or open it in a browser tab.

Notice that the checkboxes actually work. When you tick a habit, the counter updates. This isn't just a picture of an app โ€” it's a real, interactive web app, built entirely from your description.

The bigger insight: you just built software by writing a sentence. That's what "no-code AI" means โ€” and it changes what's possible for anyone, regardless of technical background.

๐Ÿ’ก Good to know

About the free plan credits:

Each message you send uses roughly one credit. You have a limited number of free credits each day โ€” so plan your prompts thoughtfully. One well-written prompt is usually better than five quick ones.

Your app has a real link:

Lovable publishes your app online automatically. The address will look something like yourproject.lovable.app. You can share it with anyone โ€” they can open it in a browser, no download needed.

You can always keep editing:

Come back when your credits refresh and keep refining. You might add more habits, change the colours, or try a completely different app idea.

Some ideas if you want to try another app:

  • A simple recipe card with ingredients and steps
  • A "things I'm grateful for" journal
  • A birthday reminder list
  • A packing list for travel
  • A reading list with checkboxes
  • A quiz with 3 questions about your favourite topic
  • A countdown timer to a date you're looking forward to

Each one is just a prompt away.

โœ… Beacon complete

You just built and published a real web app โ€” without writing a single line of code.

That's not a small thing. Not long ago, this would have taken a developer days to create. You did it in minutes, with a sentence.

Next up โ†’ Beacon 27: AI agents unleashed

You've used AI to create content, images, music, video, automations, and now apps. In the next Beacon, we look at something a little different โ€” AI that can take action on your behalf. What is an AI agent, and what can it actually do?

No rush. Come back whenever you're ready. ๐Ÿ™‚

โ† Beacon 25 Beacon 27 โ†’