How to Create Your Own ChatGPT App from Template

ChatGP technology is on everyone’s lips nowadays and we are happy to let you know that Appery.io is the first no-code mobile app maker platform introducing the ready-to-use and easily customizable template for creating a ChatGPT-based app. Using the template is extremely simple and just in several minutes, you will be able to test your own ChatGPT application without having to write a single line of code. Isn’t that a wonder?

Note, that you can try using the platform for no charge, and if you are new to Appery.io and interested, click here to subscribe for our 2-week Free trial.

When in the platform, go to the Apps tab, select the predefined ChatGPT App template, and confirm:

 

In a moment, the app will be created with the autogenerated name. If you like, you can rename your project later under its General tab or do it now.

Well … it’s all set and you can proceed with testing your app.

Testing ChatGPT Template from Appery.io

Click the TEST button to open the app preview in the browser and play around with its different options. There are three of them that are available for adjusting: ModelCreativity, and Max Tokens.

In short: the quality of chatbot responses will vary depending on the options settings. But if you need more details, please refer to the OpenAI official documentation site.

Important!

To test this AI technology, obtaining an API key from the OpenAI portal is required. So, open this link (or go to the API Access section of your OpenAI account dashboard) and either generate a new API key or manage your existing API keys.

When done, copy and paste it into the API Key field and you are ready to test the template. Click the START button to begin. Note, that the template also has integrated text-to-speech and speech-to-text capabilities, so you are free to experiment with both entering text and dictating it:

While testing different options, note how the quality of responses is impacted by setting different values for ModelCreativity, and Max Tokens.

Modifying Template

To modify the template to create your own ChatGPT-like app, follow several simple steps below:

  1. Delete the Home page. After you have defined what values of ModelCreativity and Max Tokens settings work for you best, loading all the parameters’ selections page becomes redundant. So, go to the App Builder Project view on the left, left-click to open the Home page menu, and delete it:

2. Modify the parameters’ default values. Open the Model and Storage > Storage tab and replace the default values with the ones that best work for you.

3. Save the app by clicking the SAVE button in the Toolbar.

Ready! Now, your app has been customized and you can install it on a device.

Installing your own GPT-based App

There are several options you can select from to review your own ChatGPT app on the device and below, you will find the most popular:

  1. Export the app binary. To do it, click the EXPORT button in the Toolbar and select the type you prefer: Android or iOS:

Note that installing on iOS requires that you have an Apple developer account.

However, if you simply want to test how your app behaves on a device, be it an iPhone or an Android device, use our Appery.io Tester – it’s free and simple.

2. Test with the Appery.io Tester – the best option for quick testing your apps without needing to register your Apple or Android developer accounts. The app is free and can be installed on any device in a matter of several clicks. The links and instructions can be found on the preview page, you just have to click TEST again:

Select the needed option in the drop-down to download and install the testing app on your device. This should take less than a minute of your time.

When the app is installed, click the SCAN button and scan the QR code that was automatically generated for your app:

Here is what the app chatting looks like on a device when installed:

 Publishing as a web page widget

You might already know that any app that you build in Appery.io can be published as a mobile web app. This means the app will be hosted on a server and can be accessed from any browser on a mobile device.

But have you already tried adding the published app to any site of your choice as a widget? This is not difficult to do and can be very useful for your personal or business and look perfect. Please check this link to review what it can look like.

Please, visit this page for more details on modifying and customizing your ChatGPT-template.

Conclusion

If you’re looking to create a professionally-looking application that integrates with a 3rd party API, using no-code platforms like Appery.io can be a perfect choice.

With Appery.io, you can simplify the development routine even further by adding ready-to-go templates and predefined plug-ins! And our new-code ChatGPT template is another example of how building apps can be enjoyable and stress-free.

Appery.io First Release of 2023: What’s In?

Dear Appery.io Community,

We are excited to announce that our first Release of 2023 is already live and you are free to check out what new features and upgrades are already available to all Appery.io users!

First things first: we have successfully upgraded our App Builder to Ionic 6 and Angular 15, which resulted in many useful functional improvements and new features for your app-building experience. Most of them are not immediately noticeable, except in a few cases, but innovative and qualitative.

  • The first improvement we would like to introduce is related to the system capability: thanks to upgrading to Angular 15, there will exist no limitations in importing npm packages and modules to your apps anymore.

Check here for some examples of how you can add the npm-modules to the projects created with Appery.io.

Updated Preview Page:

  •  The serious upgrade that will hopefully be noticed and welcomed by you: our App Builder now has a very modern-looking editor mobile frame design. Besides, it now comes with an upgraded app preview page that is now user-friendlier and offers more functionality. From the preview page, now not only can you adjust your app’s UI on the device screen with further easy testing it on your device but also publish and share your app right from the preview:

  • Moreover, those who decide to publish their project as a mobile web app will be able to share it right from the preview.

New and updated UI Components PALETTE

  • Next, we are proud to announce that two new UI components have been added to our App Builder for Ionic: Audio and Video. These new components offer you rich customization options for your multimedia resources:

  • The existing Datetime component has also been upgraded and now comes with two views to select from, Inline which opens an inline calendar, and Open in modal which opens the modal with a calendar and an editable label:

  • One more enhancement: all the components that offer the option of entering strings now allow users to edit them inline right in the mobile frame, and that is a very handy time saver:

  • The next three features refer to the components’ properties upgrades: 1) the Position property was added to many UI components like Checkbox, DataTable, etc.; 2) many UI components that contain labels, for example, Input and Link received the Font Size and Font Weight properties; 3) the Text in Editor property was added to several UI components. With this feature enabled, you will be able to finetune your app UI right in the editor even if this component also has some functional code added as its Text property:

Filtering feature added to OUTLINE and Mapping editor

  • The OUTLINE view now comes with a useful feature of filtering components added to the screen. Just start typing the name of the component to retrieve its parent(s) on the tree and quickly locate the component you are looking for:

  • Users struggling with cumbersome mappings may find the new Mapping editor option of filtering components (similar to how it is realized in the OUTLINE) particularly useful:

Other enhancements

  • The next improvement is minor but comfortable: the Method selection can be changed after the function has been created in the CODE panel:

  • Our last enhancement might also seem rather minor, but will definitely be found useful by our users: the ability to double-click on many of the UI components added to the mobile frame of our App Builder in order to speed up the process of customizing them. By double-clicking the Image component, for example, you can immediately access the Media Manager window and thus work with your custom image files more easily:

Oh man, that list was impressive, wasn’t it?

Well, we tried to do our best to make the features above functional and easy to use as much as possible, and hope you’ll enjoy using them.

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team

Appery Database, a new Educational Video Guide unit, is on!

Having recently announced our third Educational Video Guide unit, we are excited to inform you that the fourth one, Appery Database, has already gone live!

Designed to address all possible database-related questions new Appery.io users might have, this unit can also be extremely helpful to all our users.

Educational Video Guide. Unit 3: Appery Database

As you progress through this unit, you will learn how to create a new database with a custom collection and populate it with data, how to import and set up the predefined database services, what Models and Storages are for, how to define storage variables, and much more…

Appery.io Database

There are as many as six steps in total, and we bet if you follow them one by one, you will be able to create your own ToDo List application that allows you to add new records to the Appery.io Database, list them on the screen, and select the needed entries for further updating them.

Unit 3: Appery Database

Note, that all the actions will take place both: in the app and in the database collection you create.

Well, now that you know how enjoyable learning difficult things can be, why not give it a shot?

PS All our educational series are also available on our YouTube Channel where we publish many useful videos, so, be sure to check it out!

Watch with pleasure and develop with joy!

File System Plug-in: a Great Tool to Manage Your Device Files

Take a moment to check out our File System plug-in that contains a number of services based on the file API and provides the simplest way to work with the device’s file system.

We have a step-by-step tutorial to make getting to know the plug-in more engaging. Please feel free to check it out here.

Tip!

A great option to quickly test the app on the device is to use our Appery.io Tester app.
The app is free and available for both iOS and Android.
You can check out this page to learn more about using the Appery.io Tester app.

Developing IOS Mobile App On Windows? Easy with Appery.io!

One can hardly argue with the fact that developing for iOS and especially publishing to the App Store can be extremely tricky and demanding in terms of dedicated hardware. 

But we, at Appery.io, are happy to be able to give you a hand with sorting that out.

So, if you are the kind of person who:

  • is interested in developing for iOS but has no Mac,
  • doesn’t want to spend too much of your precious time performing difficult testing and publishing operations but is still interested in getting your app published to the App Store,
  • or just has a great app in mind but lacks an idea where to start from,

then you will definitely like our new detailed how-to video that has just been uploaded to our YouTube Channel:

Developing iOS Application and Publishing it to App Store on any Platform: Windows, Linux, or Mac

In this video, we show how easy it is to create an iOS mobile app right in the browser using one tool only: the Appery.io platform.

You will see that developing for iOS is not only possible by using a Windows desktop but is actually not even that complicated. And this means …. that you should not be restricted to using a Mac anymore and can try creating your very first iOS app right now.

Even more than that: in this video, we not only create the app for iOS but also show how to install it on an iPhone for testing and then publish it to the App Store.

We did our best to make the video as detailed as possible. But if you still have any questions left or would like to suggest more instructional video ideas, please feel free to contact us at support@appery.io or leave your comments under the video.

PS And.. just in case you did not know: any app created with Appery.io can as easily be exported for Android.

Happy holidays from all of us, at Appery.io!

Appery.io EduGuide Updated with New Unit: App Logic

Great news: with Appery.io, the Christmas festive season is not over yet!

We are happy to announce that our Appery.io Educational Video Guide was successfully updated with a new unit: App logic.

As its name implies, this unit will guide you on managing your mobile app logic without writing any single piece of code!

Unit 3: App logic

The unit steps include detailed descriptions of how to:

  • Manage the Card component’s Visible property using events;
  • Modify ButtonsClick events to add more complex hide/show behavior;
  • Map the Input value to the Card component on the button click;
  • Use services and datasources ( in the example of GeoService)for setting up app logic;
  • Use the OKCancelAlert service for setting up different app behavior scenarios.

What is important: all the instructional videos are short (up to 2 minutes) and are super easy to follow. Also, every step comes with a few practical tasks and a link to follow in case you want more details.

Enjoy your winter holidays but do not miss the chance to learn something new!

Wishing you a very happy festive season filled with love, happiness, and joy🎄

PS It is already the third unit in the series of educational videos from Appery.io, but please stay tuned: another new unit (this time on Appery.io Database) is coming soon!

It’s Cyber Monday: Appery.io Has Some New Features to Offer!

This Cyber Monday 🙂 release from Appery.io brings several new features that will be available for all Ionic 5 apps. These functional improvements are designed to make your development experience even better and the results of your work almost perfect.

What is really great about this release: all the features below are not something you will need to learn to use but are very intuitive and simple to apply.

 

So, let’s go:

  1. The first and most impressive is that from now on our users have the ability to quickly create Appery.io components from any HTML code copied from 3rd party resources. No need to explain that creating such a page takes some development time:

The great news is that getting this page with Appery.io is now a matter of a couple of minutes. Actually, all you need to do is use the Parse HTML property and enjoy the result:

2. The second improvement will be the holy grail for those users who have been struggling to figure out how to sort out the certificates for publishing their apps to the Apple Store. Now, to get your app’s release version and publish it, you only need to take several simple steps: select the Release and Publish build type, provide your Apple Id, and add the generated app-specific password. To learn more, go to this page:

3. We also added the ability to modify properties for an impressive list of Appery.io UI components in a popup which allows convenient editing of long text strings:

4. Another helpful improvement: we now offer an integrated solution from Ionic that allows specifying responsive display attributes​ depending on what device your app is supposed to run. It has been made possible with the Class property of the needed component and is simple to apply:

 

5. Next. Two popular Appery.io components, HTML and Text, now have an increased arsenal of Containers:

6. Also, Height and Width styles groups have been added for the Button and Input components which makes styling them more versatile:

7. Lastly, the Content, HTML, and Grid Cell components now allow uploading and managing background images under their PROPERTIES > Styles tab:

All of these new features are already available so please feel free to try them out.

Thank you for using Appery.io and Happy Developing!

 

Your Appery.io Team

Get Our Restaurant Template to Create Your Great Mobile App

We, at Appery.io, appreciate good cuisine so we set our minds on creating a simple Restaurant Template that can be of help to those small businesses who struggle to create their own restaurant management app.

There is no need to say that organizing a restaurant business and managing it effectively is a tough endeavor. Sad but true: even if you are a great chef and feel confident in your kitchen, even if your cooking skills are nothing but genius and all your guests are dying to try your culinary delights, there is still a big chance that your business will not succeed. And if you feel that you can’t do without a good restaurant management app perfectly tailored to your business environment, consider using our free and easily customizable Restaurant App template!

Goals we set for our Restaurant template

The requirements that we set for this app template were:

  • the template must be simple enough to be easily customizable by a non-developer
  • creating and managing the mobile app from the template should be quick to do and not break the bank
  • the app should have attractive UI and be intuitively easy to use
  • it must be available for both iOS and Android devices
  • the app must be easily maintainable and can be run from anywhere and anytime

Results we obtained

Now, when the app template is released and ready to be used, we would love you to try it yourselves.

This is really easy to do: simply click this link and in a moment, your app is ready to start! There’s no need to go to the Create new app dialog or download the template backup with further installing it. In a moment, you’ll have an app with a Menu page listing sample restaurant meals:

Restaurant template

 Restaurant template

The app also has the default About Us page and you will not need to invest much time to adapt it to your needs:

 Customizable About us page

The only prerequisite needed to start creating your first mobile application is being a registered Appery.io user. And if you are still hesitant about whether it is worth it, please be informed that you are welcome to sign up for free and make your final decision after two weeks of the trial period.

We also prepared a detailed step-by-step document for those who are interested in customizing the offered app sample. Follow it to see how easy it is to modify the app template and make it look like this:

Customized app template

Hopefully, the set goals were all reached and now you are a step closer to the mobile restaurant app of your dream! With this app, you will not be limited by a small start-up budget and will not need to be an experienced developer to modify the About Us page on the fly or quickly add mouthwatering meals to the Menu.

 

Bon appétit!

Adding Social Sharing to Your Arsenal is Easy with Appery.io!

Social networking has been gaining in popularity in recent years; and so has social sharing. At the moment, this feature is an integral part of any successful mobile app, in particular the ones meant to deliver their mission to as many people as possible.

With Appery.io, you can significatly simplify integrating the Social sharing feature into your mobile app and involve a wide audience by adding Cordova SocialSharing plug-in. And the beauty behind it is that creating such an app is just a matter of several clicks!

Moreover, for your convenience, we created a ready-to-go sample app, Ionic 5 Social Sharing plug-in Sample App, that can be used to share links, images, and text messages out of the app on social platforms or by email.

The best of it is that to get the sample app working on your device, you do not even need to create the app. You can simply use our Appery.io Tester app (it is free and available for both iOS and Android) to scan the sample app QR code we already generated for you and run it on your device:

Social Sharing Plug-in App QR Code
Also, before starting the app make sure you have the needed app(s) (Twitter, Facebook, Instagram, email app, etc) installed on your mobile phone:

 

 

But if you would lke to go further and learn all the ins and outs of how it was created, you are free to follow the detailed tutorial. Also, you can try it by recreating the app from the backup (note that you will need to be registered as an Appery.io user to do it).

New to Appery.io and do not know where to start? You might find our Getting started series or step-by-step quick start tutorials useful.

PS A great tip from the Appery.io Team: it’s easiest to start developing by following our educational video guide.

Interested? Then click below to sign up and feel free to experiment with many more our sample apps out there.

We’re Happy to Announce a New App Builder Release!

We are happy to announce that our new App Builder release is live now! And this time it comes with a handful of new features, cool enhancements, and platform updates.

We hope you will enjoy all the new features, improvements, and updates listed below:

  • Appery.io Educational Video Guide where you will learn how to create a stunning UI for your first mobile app, get help on adding the needed features, debugging and testing it, and much more…

  • In conformity with the regulation from Google Play requiring that all apps meet target API level 31 (Android 12), all Android-built apps were successfully migrated to Android 12. No additional actions on your part are required.
  • Also, uploading custom launch images was discontinued in Android 12 as the system will always apply the new Android system default splash screen on cold and warm starts for all apps. Please check here for more details.
  • Auto Generation of iOS certificates was added to our platform which will significantly simplify building your apps for iOS.

  • A brand new FilePicker core component that allows you to quickly add file selection to your app.

  • Creating new app themes is now made more accessible and more user-friendly.

  • Please be informed that support of the projects created with Ionic 4 was discontinued. In this regard, we recommend that you consider effortless migrating your Ionic 4 project(s) to their Ionic 5 version. You are welcome to check out this page to learn how to do it.
  • And, finally, we would like to remind you that many of the 3rd party custom Cordova plug-ins that were previously released, but not timeously updated by their creators, can be broken or outdated and therefore not work as expected. Therefore, please be aware that every app created in Appery.io comes with Apache Cordova library installed and our users are free to add both plug-in types to their app(s):

    – Preconfigured Appery.io Cordova plug-ins (Core Cordova Plug-ins) that are verified to be up-to-date;

    Custom Cordova plug-ins installed independently. Unfortunately, some of these may not be compatible with the latest technologies which is an issue beyond our control and may require additional troubleshooting. You may consider purchasing one of our Support Pack services if you need help with integrating custom Cordova plug-in(s) into your app.

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team