Appery.io Examples

Ionic Appery.io Examples Plug-ins

# _Autocomplete_
Autocomplete

The Appery.io Autocomplete plug-in is the component based on the Ionic Searchbar with the added autocomplete functionality.
To learn how to add autocomplete functionality to your mobile app watch our Community video:

Camera

Camera

Using the Camera plug-in, you can take a photo with the Appery.io Camera Service based on Cordova API.
For detailed instructions about to do it, check this document.

CSV Reader

CSV Reader

The CSV Reader plug-in allows working with CSV files. Check this link to the video where we explain how to build an app you can use to read CSV files and create columns in data tables automatically with our CSV Reader plug-in.

Database Login and Signup

Database Login and Signup

The Database Login and Signup plug-in provides functionality for integrating the ready-to-use login, signup, privacy policy, terms of service, and home screens functionality with your Appery.io Database.
To check how to build a sample Login-registration app, visit this page.

Drag and Drop

Drag And Drop

The Drag and Drop plug-in will help you manage your item lists and in-app components in a convenient way. Please watch this video to learn how to add a drag-and-drop feature to your Appery.io projects.

File Read

 File Read

Use the Appery.io service based on Cordova API to preview images on the screen. Check this document to learn how to build an app where you can use the Camera service to run a camera on your device, take a photo, preview this photo in the Image component on screen and upload it to the Appery.io database.

File System

 File System

The File System plug-in contains a number of services based on the file API and provides the simplest way to work with the device's file system:

192

Here is the document that describes how you can quickly create an Ionic app to add files to the file system of your device with uploading them to the Appery.io database.

👍

Important Note!

Before you can test the app, please modify the routing rule and set the Folders page as the default route under Routing:

This is how the plug-in works with no additional settings:

345

Google Map

Google Map

With the Google Map plug-in, you are free to create apps with a simple interface but capable of getting user location and showing markers on the map.

If you are interested in how to get the Google Map plug-in up and running in an Appery.io application capable of identifying and storing location data, watch this video:

We also have a detailed video tutorial explaining how to build an application by integrating Google Maps, Charts, and the built-in Tabs plug-in. If interested, click this link to learn more.

If Else

Google Map

Using the If Else plug-in from Appery.io, you will be able to easily add condition logic to your mobile and web applications.
In the following video, we explain how to build the sample app with added condition logic:

If Exists

Google Map

With our If Exists plug-in you can quickly add verification on existing values in your mobile and web applications.
If you need help with how you can do that in Appery.io, watch our video tutorial:

List Details

List Details

Adding the List Details plug-in is an easy way to create an app containing a list of items and perform create/read/update/delete operations with these items. To learn how to integrate such functionality, check this video:

Profile Form

Profile

The Profile Form plug-in is used to add profile functionality to the Appery.io app.
If you need help with adding a profile feature into your project and want to learn how to enable users to change their profile settings, watch this video:

OK Cancel Alert

Profile

Want to know how to add a confirmation dialog with buttons OK and Cancel to your Appery.io mobile and/or web application created with Ionic?
It's easy - just check this video tutorial demonstrating how to do it:

👍

OK Cancel Dialog Video Tutorial

You can also check this Appery.io YouTube Education Guide video to learn how to use the OKCancelAlert service for setting up different app behavior scenarios:

OpenAi Assistant Chat

Assistant

Unlock the potential of your ChatGPT applications with the extraordinary capabilities of the OpenAI Assistant Chat plugin from Appery.io. Seamlessly integrating OpenAI's cutting-edge models, this plugin empowers developers to tackle tasks ranging from file access and code interpretation to efficient data retrieval. Tailor the AI's personality and skills to suit your unique needs, offering a truly customizable experience.

Simply obtain an API key and effortlessly set up the plugin on a designated page, unleashing the power of artificial intelligence within your applications. Elevate your development game and create a more intelligent, responsive user experience with the OpenAI Assistant plugin.
Adding so much intelligence to your project has never been that easy - just check this video tutorial demonstrating how to do it.

QR-Code Generator

QR Code

Adding the QR-Code Generator plug-in will enable creating a QR Code generator mobile application with minimum effort.

In this document, we demonstrate how the QR code generator can work for an Ionic app. Note that you will need to install the AngularX QR Code Library to be able to generate QR codes in your application.

Segments

Segments

Adding the Segments plug-in can help in resolving different issues with creating screen segments.
In the following instructional video from the Appery.io team, we demonstrate how to do so in the application(s) created in our visual App Builder.

Slides

Slides

If you need to add a slider component to your project to be able to move app screens back and forth, do this by adding our Slides plug-in to the app and choosing either dynamic or static screen slides. You can check out this video tutorial for more details about how to do it:

Take photo and upload into Appery database

Take photo and upload into Appery database

Using this plug-in, taking photos and uploading them to your application database is made easy. If your app has profile pages and you want to upload user avatars, for example, you might be interested in adding this functionality.

Watch this video to learn how to use the Take photo and upload into Appery database plug-in for taking and uploading photos to your application database: