How to build and submit a mobile app in two weeks with No Code

ain - blog (4).jpg

Hey! I am Nick - a Nocode developer. In this article, I am going to share the whole process of building a mobile app and explain how to upload it into AppStore and Play Market with no coding skills.

The origins
When COVID-19 started, one of my friends reached out to me to build a mobile app for him.

His idea was to create an Uber-type platform to connect patients with doctors via a video interface.

The only problem was that I couldn’t write any code.

Why did this friend contact me? Well, I have previously built some landing pages for him using Tilda and Wix. But I had never built anything similar to mobile apps.

But why not?

I asked myself: if there are services that make it easy to create landing pages like Wix or WordPress, there should be an easier way to develop mobile apps. How long does it take to build a mobile app using no-code tools?

Guess what? I was right!



Choosing the right no-code platform for creating a mobile app
According to Nocode Tools List, there are more than 30+ “No-code” apps for creating mobile-like apps.

I did a little research to understand how they are different. I soon discovered that many of the no-code platforms could not publish apps in the App Store and Google Play.

Here are the results of my research:

Links: Thunkable, Appsheet, Bubble, Adalo, Glide

The app I was trying to build needed to have the ability to call with patients. This is not a straightforward function at all.

So for me, Glide, Adalo, and app sheet were useless. I then had to choose between Bubble and Thunkable.

I decided to build with Bubble as I had some experience using it, and it was a little easier for me than Thunkable.

Bubble has a pretty easy way of building anything without code using their own UI-friendly interface like this:


You simply select the blocks you want your app to be consisted of and build by drag-and-drop.
So I decided to build a mobile-optimised website (PWA) using Bubble and then... Convert it into the mobile app!


Wait, but what is PWA?
PWA is a progressive web application… blah, blah, blah. It was hard for me to understand what PWA means.

In simple terms, PWA is a website (the same you are currently using reading this article) but optimized for mobile. PWA is not a mobile application itself, but it can be wrapped inside a “container” in an app.

Wow… Too hard! A website wrapped inside of an app? Yes! You can create a website with any no-code tool for web projects and convert it into the app in a few single steps.


Building a mobile app without code
Building the app was not an easy process, even if it was codeless. Creating a form with some sort of a list will take you a few hours. But I was building an app that could accept payments and connect users through a video-camera.

I chose Twilio for handling the video communication and Stripe as a payment processor.
For me, besides these more complex issues I faced, the other functionalities were more straightforward. Fortunately, I was able to successfully built the app.

After the first week, the app looked like this:

After the second week, it looked like this:



Using No code apps is a lot simpler than actual coding. For me, it is relatively easy.
This article does not explain the process itself as you will find more relevant posts on the Internet. I will explain the most challenging part.


What should you do after you build a PWA app?
Here is where the magic begins. I have spent around three weeks (that’s even more than building itself) searching a way to upload my app to the App Store.

On the Internet, you’ll find a considerable number of “containers” that can wrap your PWA app and enable you to upload your app to the App Store and Google Play.

The only problem is if you are not a coder, it can be complicated for you to do it.

To help you, I have prepared this diagram that highlights some challenges you might face:


As you can see in the diagram, there are many recommendations on which approach you could take.

I hired a freelancer for $100 to wrap my app into the container and upload it to the App Store.
However, you don’t have to hire anyone if you are a developer.

If you are not a developer and don’t want to search for a freelancer, just google “convert website to app.” Many companies will convert your website for $100. But please, DON’T TRY CONVERTIFY.

Based on my poor experience with them, I can share that they are not the best option at all, who spend a massive amount of money on marketing to be on top of Google search.


Final steps: submitting your no-code app to the app stores
Okay, now you have your website and a container ready to launch.

Android: If you want to publish In Google Play - that’s relatively simple. Just go to this page, pay for the developer license ($25), and upload the app.

Need help with it? Just go to their support forum or contact Google support directly.

IOS: if you want to publish your app to the App Store, just go here and submit an enrollment. The developer license will cost you $99.

After Apple approves your request, you’ll have to start uploading. Firstly, you’ll need to upload the app to test flight and later to the App Store.

Keep in mind that Apple will precisely review your app before you upload it to the App Store.
It took me two weeks to fix what they’ve asked me. The irony is they didn’t like that we used “not apple device” on one of the photos inside the app.

Check this guide if you’ll have any problems;


Note
Many people told me that Apple doesn’t allow uploading websites into the App Store. IT IS NOT TRUE. Both the App Store and Google Play don’t care if your app is an actual app or a website.

The only thing that the Apple Store and Google Play care about is that you use their payment system. Initially, I encountered some technical challenges. I then decided to redirect people to the Browser when they purchase a subscription. And the problem was solved, and everything worked flawlessly.

If you are curious, the app I was referring to in this article is Udoc
Please check out the app and let me know your thoughts.

After building this app, I have launched a Nocode agency WeLoveNocode and built 10+ apps. If I can help you during the process of developing your apps, please don’t hesitate to reach out to us by booking a call through our website.


Nick Shevchenko

ASTANA INNOVATIONS BLOG 

Дизайн без названия-3 (2).jpg

Facial masks and body temperature detection system implemented at school in Nur-Sultan city

 On April 27, 2021, a facial recognition system that detects body temperature and face masks was launched at a school in the capital. This Kazakhstani IT development allows only authorized and registered users to have access to the school. In addition...
photo_2021-04-13 12.20.44 (2).jpeg

Nur-Sultan City profile developed jointly with UNECE

  Sustainable Smart City profile is a set of outcomes and recommendations, in the form of a report and subsequently a publication, which UNECE issues based on the assessment of key performance indicators: economy, environment, society and culture. In ...
news (3) (1) (1).jpg

The best STEM Olympiad projects will have the opportunity to be piloted in the capital

  The development of the innovation ecosystem is impossible without introducing new technologies, improving existing ones, piloting and scaling technological solutions. But the most important thing, indeed,  is that it is not feasible without smart and...
news (4) (1).jpg

Learn to create mobile apps and web services yourself for free!

  Learn to create mobile apps and web services yourself for free! Without using any code. In one week🚀 - 20+ lessons on development - 10 hours of lessons on sales - 8 hours of theory + practice - 24/7 online support. Astana Innovations in partner...
ain - blog (4).jpg

How to build and submit a mobile app in two weeks with No Code

  Hey! I am Nick - a Nocode developer. In this article, I am going to share the whole process of building a mobile app and explain how to upload it into AppStore and Play Market with no coding skills. The origins When COVID-19 started, one of my frie...
ain - blog (2).jpg

"Astana Innovations" launches a large-scale project called "Smart District" in the city of Nur-Sultan

  Astana Innovations, with the support of the Akimats of the Yesil, Almaty and Saryarka districts, is launching a large-scale project called Smart District in the city of Nur-Sultan. The Smart District is a “living laboratory” that will concentrate the ...