Andreas Ramos | Adjunct Professor of Digital Marketing | See andreas.com

Use AI to Build an App in Minutes

By Andreas Ramos, Professor at CSTU.edu, May 22, 2025.

Adam Chen (General Manager at Analogix Semiconductor) gave a ten-minute talk at TEDxCSTU 2025 May 18th on how to use AI to make apps. Many thanks to Adam! I wrote up Adam’s guide as a PowerPoint for my students and assigned it to them as homework for Saturday.

Watch Adam's talk on YouTube. You can also see Adam's slides. See a list of 81 apps by Adam at PromptBox.cn.

You can build an app for your phone (android or iPhone) in less than seven minutes.

My first app took seven minutes because I had to figure out how to do this. I can likely build the next one in four minutes.

To get ideas of what to build, I looked at the apps on my phone. I use my notes app every day, so I thought, how about a better notes app?

You can also ask your AI for ideas for apps. Ask, “Give me ideas for apps for my phone.” This can be business tools, productivity, personal, fun stuff, games, whatever.

I used Gemini Pro as the AI. Try other AIs. Let me know if it works.

The prompt for your AI:

  1. Before you start, read the following and say you understand.
  2. Your role: Act as an AI software developer.
  3. Your task: Provide the source code in a single file for a mobile website.
  4. Description of the task: Make an app for a simple To-Do-List. Keep track of tasks and mark them as complete.
  5. Features include add new tasks, mark tasks as complete (e.g., with a checkbox), delete completed tasks, allow reordering of tasks, add due dates.
  6. Suggest additional useful features for my app.

The AI writes the code

The AI will generate the code. It'll be very long (mine was 12 pages). You don't have to read it. Just copy it.

The app code generated by the AI

Click the button at upper-right corner to copy the code.

Save it as a text file (babysfirstapp.html or whatever.html).

How to get the code to be an app

  1. Find the file on your computer. Click it. Your app will open.
  2. If you have a website on a server (such as I do at andreas.com): Upload the file babysfirstapp.html to your server. Don't create an HTML page that has HTML code on it and add the app code into it. The page should be just the app code. Don't use spaces in the file name, such as “babys first app.html”. If your text editor offers UTF encoding, use that when you save the file.
  3. To open it on your phone: If you have a website, upload babysfirstapp.html to your website. In your phone, open your website with the URL, such as andreas.com/babysfirstapp.html. Bingo, it works.
  4. If you don’t have a website: Get a free website at NeoCities.org. Create your site, such as babysfirstapp.neocities.org. When the NeoCities file selector appears, either click Upload and upload your file (babysfirstapp.html) or drag your file babysfirstapp.html from your computer to the file selector. Go to your browser or phone and visit https://babysfirstapp.neocities.org/babysfirstapp.html. (replace with your URL and your app's file name!)
  5. Show your mom what you did.

You can see my app at Baby's First App.

BTW, your AI is non-deterministic, but it created your app’s code so your app is deterministic; that means it won’t have hallucinations.

The app works on desktop computer and on Android or iPhone.

How to put the app on your phone

  1. This is a web app, not an Apple Store/Play Store app. You don't have to install it. It runs from a webpage.
  2. Open the app from its web URL (such as Baby's First App.
  3. On Android: Click the three dots at at the right top. Select "Add to Home Screen". A web page icon is appears on your screen. Click it to open the app.
  4. On Apple iPhone: Click the share icon (square with an up arrow). Select "Add to Home Screen". A web page icon is appears on your screen.

The app has several features:

  • You can drag-and-drop to rearrange tasks.
  • Tasks are unique to each device: you can’t see my tasks and I can’t see your tasks.

The AI suggested more features:

  • Task Editing: Allow to click on a task to edit it.
  • Priority Levels: Add options to set task priority (High, Medium, Low) with visual indicators (colors, icons).
  • Subtasks: Allow subtasks under a main task.
  • Filtering: Add options to filter tasks (e.g., show all, active, completed, by due date).
  • Sorting: Allow sorting tasks by due date, creation date, or priority.
  • Reminders/Notifications: Integrate with browser notifications to remind users about upcoming due dates (requires user permission).
  • Tags/Categories: Assign tags or categories to tasks for better organization.
  • Themes: Offer color themes (dark mode, light mode).
  • Search Functionality: A search bar to quickly find tasks, especially useful for long lists.
  • Recurring Tasks: Ability to set tasks that repeat (e.g., daily, weekly).
  • And more...

In closing

  • Try different AI. They produce different results.
  • If you have children, nieces, or nephews (or a clever cat or dog), show them what you did. Give them this page. They can make apps.
  • Did you make something cool? Let me know. Send an email to andreas@andreas.com