blog post

Building Apps Without a Single Line of Code

You might think the title of this article sounds a little too good to be true, or a little clickbaity. We are here to tell you that it’s literally true, and we are going to show you exactly how. Our goal is to show you the current state of Sutro, and therefore, the current state of possibility with AI app builders — a field that we feel we are progressing very quickly in. Sutro’s goal is to be the fastest way to get from ideation to production. Join us on a journey where we build a mental wellness management app in seconds using Sutro.

Step 1 - The idea and initial prompt

We fed ChatGPT the following prompt: “I am using an AI app builder to build mobile and web apps. Please give me 5 ideas for apps and the respective prompts for each one. Make the prompts as comprehensive as possible, include app names, and tell me the purpose of each app.”

It gave us a bunch of ideas, and we picked “FitMind - a mental wellness app that provides personalized mindfulness and meditation sessions to help users manage stress and improve mental health.”

We used this idea to create the initial text prompt to provide to the Sutro AI app builder. Our prompt was: Create an app named FitMind that offers personalized mindfulness and meditation sessions. Users can input their current mood and goals (e.g., reduce anxiety, improve sleep), and the app should suggest tailored meditation guides. The user interface should be calming with soft colors and minimalistic design.

Step 2 - App generation

After giving Sutro our initial prompt, it took 30 seconds to generate the app. While waiting for the app to generate, we had the option of uploading a logo and selecting the primary color we wanted used throughout the app. We elected to let Sutro make all of these choices for us. Sutro automatically chose a nice pastel green as the primary color used throughout the app based on the guidance in our prompt to use soft colors. Unlike no code app builders, we didn’t need to do any additional engineering to get a fully functioning, production-ready app once arriving to the app builder. The only work required to build a product with Sutro is the initial text prompt. 

As you can see below, Sutro generated a clean app fitting the prompt very well. The primary page contains a list view of meditation guides, with filtering options, text placeholders, and a link to the video based course content. This media type can also easily be changed to audio.

By default, the generated app already contains:

  • user registration and log-in system
  • profile pictures, loggable moods and goals
  • “like” system logging which meditation guides the user has liked
  • list of other users on the app, and their stats/information
  • “meditation guide” data type with both audio and video link options
  • choice to make that data type apply to either just admin uploaded content or also user generated content (UGC)
  • separate user role for admins
  • alphabetical and reverse alphabetical sorting/filtering options for courses

All of this is already built with both a front end, back end and hosted database, and it can be one-click published as a mobile web app.

Step 3 - Edits in the Sutro Studio

Finally, we entered the Sutro Studio to make a few changes to the design, including button styling and the layout. The Sutro Studio gives the builder some tools to edit the final product to their liking and get a preview of what the app looks like before publishing it to the web. 

To accelerate the usability of the app, Sutro offers the ability to bulk upload information data to your Sutro-generated app. So for example, say we had 50 meditation courses for this app, and we have all the data in one CSV file for those 50 courses. We could simply upload that one file, and all the guides shown above in the list view would get populated with the correct data and video links to each course.

One other option we could include is built-in payments, so rather than all the content being free, each course could be unlockable via a small payment, with all payment processing handled seamlessly via Stripe.

Once we completed our minor design edits, we published the app to the mobile web with a single click of a button. Sutro also allows you to publish your apps to the Apple App Store and Google Play Store.

Sutro is continuing to expand its capabilities

The vision for this version of Sutro, which you might call our v1, was to remove the grunt work, so that builders only need to focus on what makes their software unique. Now that we have our powerful foundational prompt and generational model, we have spent quite a bit of time ideating what that next stage of Sutro looks like. The next stage of Sutro will be to expand our capabilities to include more features, customizable design systems, and greater use of natural language to make “last mile” touch-ups. We believe that creating great looking and well functioning software in seconds is a magical and game-changing moment. And we’re making great strides towards building that reality.

Let’s level the playing field.

Ready to get started?

Share your app idea with Sutro and watch it get built instantly.
Try it now