Blog

In today’s fast-paced digital era, the essence of mobile applications is not just in their functionality but in the seamless integration with dynamic data sources. API Express, an integral feature of Appery.io, a leading low-code app-building platform, simplifies this aspect by connecting your app with relational databases effortlessly. For a deeper dive, we’ve crafted a comprehensive video that walks you through every step of this transformative process.

Bringing API Express and Relational Databases Together

API Express acts as the bridge between your mobile app and a relational database. But what’s a relational database, you ask? Imagine a vast warehouse of tables filled with connected data. With API Express, accessing this warehouse becomes as simple as tapping a button on your app. Our video tutorial, available on Appery.io, showcases this with clarity and detail, ensuring you grasp every aspect of the process.

A Video Guide That Makes Integration Easy

Why sift through complicated documents when you can watch a step-by-step video? Our tutorial breaks down everything from setting up PostgreSQL on Amazon Web Services (AWS) to crafting data services within your app through API Express. Here’s a sneak peek at what the video covers:

1. Starting Your Database: Create and configure a PostgreSQL database on AWS. It’s the first step towards building a data-driven app.

2. Managing Data with Ease: Use pgAdmin to manage your database—creating tables, organizing data, and preparing everything for your app.

3. Seamless Connection via Appery.io: Step into the world of Appery.io and begin a new API Express project. This part of the video vividly shows how you can connect your database to your app without breaking a sweat.

4. Customizing Your Data Service: Our video tutorial goes beyond basics, teaching you how to design a data service that tailors your app to utilize database information efficiently.

5. Live Testing: The final step involves testing your setup within Appery.io, providing live feedback on how your app interacts with the database, all demonstrated in the video.

Why Watch the Video?

While this article outlines the steps, the video brings them to life. Visual learners will appreciate the detailed walkthrough, and even experienced developers might discover a tip or two. It emphasizes practical steps, visual cues, and expert advice to ensure your path from a database newbie to a mobile app developer is as smooth as possible.

Dive Deep with Our Video Tutorial

We invite you to watch our video on API Express and Appery.io. Whether you’re developing an app that captures user input, displays real-time data, or manages inventory, integrating with a relational database has never been easier. This video isn’t just a tutorial; it’s your gateway to mastering mobile app development.

Curious about building an app with this setup? Stay tuned. The next video will guide you through creating an app using the service we just crafted.

Creating an app that stands out in the vast sea of mobile apps can seem daunting. However, with Appery.io‘s versatile theme management features, customizing your app’s look and feel becomes not just effortless but exciting. Here’s a straightforward guide on how to work with themes in Appery.io, ensuring your app not only functions perfectly but also visually captivates your audience.

Step 1: Explore the Default Theme

• Navigate to the Themes folder under the Project tab.
• Inspect the Main Colors section to understand the color palette, including the primary color, of the default theme. This serves as a solid foundation for your app’s aesthetic.

Step 2: Customize Your Theme

• Leverage the Theme Generator editor within Appery.io to adjust the main colors of your theme. This intuitive tool allows for easy selection and configuration through a color picker tool.
• Directly input color codes if you’re matching a specific palette, enabling quick alignment with your brand or desired look.

Step 3: Expanding Your Theme Collection

• To add more diversity or support different user interfaces, like a dark mode, create new themes. Choose CREATE NEW > Theme and select your base design.
• Embrace modern trends, such as the dark mode, by selecting it during your new theme creation. This addition caters to user preferences and system settings.

Step 4: Implement Dynamic Theme Changes

• Elevate user interaction by incorporating dynamic theme changes through actionable elements like buttons.
• Navigate to the button’s EVENTS tab, select the Run TypeScript action, and input the following code to change themes dynamically upon a button Click action: this.$a.setTheme("Default");.

Step 5: Personalization with CSS Classes

• Customize themes to cater to various user groups or corporate identities using CSS classes. Assign thematic behaviors to UI components for a tailored user experience.
• Utilize the Extra SCSS section within a theme to apply unique classes or data, offering a versatile approach to app personalization.

• When done, assign this class to the needed UI component.

Testing and Application

• Remember to preview your app under different themes using the Theme Preview selector to ensure your design aligns with your vision.

• Apply your global theme across all app pages for consistency or set condition-based themes for varied experiences.

Discover More on YouTube

For a more in-depth exploration of each step and visual guidance, our YouTube channel offers the detailed video tutorial. Witness firsthand the power of theme customization in Appery.io by watching our dedicated video on how to work with themes. This resource is invaluable for grasping the practical aspects and unlocking advanced techniques to elevate your app’s design.

Why Choose Appery.io?

Appery.io isn’t just a tool; it’s a gateway to realizing your most ambitious app ideas. With its user-friendly interface, extensive customization options, and robust support system including our YouTube channel, you’re equipped to create visually stunning apps that resonate with users and stand the test of time. Let Appery.io be your partner in the journey from concept to creation, and transform your app vision into reality with themes that express the essence of your idea.

Unlock the full potential of your mobile app with Appery.io – where innovative design meets functionality. Subscribe to our YouTube channel today and stay updated with the latest tips, tricks, and insights in app development with Appery.io. Your dream app is just a theme away!

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: Model, Creativity, 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 Model, Creativity, 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 Model, Creativity 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.

The holiday season has already started, and we’re all busy with preparing gifts for people we love.

We, at Appery.io, have always worked hard to deliver the best service value to our users, and we are here to say that we have a Christmas gift to give to you!

Last Sunday, we delivered a new release that included these great new features to help you save time on app development:

• Try adding our ready-to-go screen layouts (CREATE NEW > Page) that will help you instantly get the UI you want:

• The no-code approach now works for mapping as well. For your convenience, we created an easy-to-use transformation editor where the user can add transformation, choose a type, and then edit it:

• We’ve also added Is invalid and Is valid properties to the Form component with the option to use them in mappings
• The Appery.io Team also implemented new property types for some UI components (Button, Html, Input, Text, etc.), like Color-picker, with grouping them under the separate PROPERTIES > Styles tab so that you can enjoy the no-code CSS approach when you’re styling your mobile app UI:

• Previously, only CanActivate Guard could be used to determine if a particular action can be taken against a route. From now on, all angular guards are implemented so that working with routing will be easier and more powerful:

• As always, we’ve fixed some minor bugs to keep your Appery.io experience running smoothly.

Thanks for reading and 

Thank you for staying with us!

Thank you for all the appreciation, invaluable feedback, and loyalty!