Blog

Are you ready for the ultimate Super Bowl party? What better way to get the excitement going than with a custom app that shows exactly how many days, hours, minutes, and seconds are left until the big game?

In this new YouTube tutorial, we show you how to quickly build a Super Bowl party countdown app using Appery.io, a no-code mobile app development platform. Whether you’re a developer or a beginner, Appery.io makes app creation simple, without writing a single line of code. And the best part? You don’t need any technical skills to get started!

Create a Countdown for Any Event

While this tutorial focuses on the Super Bowl, the app can be used for any special event, from birthdays to New Year’s celebrations. Using Appery.io’s Flip Down plugin, you can easily integrate countdown timers and make your app visually appealing, all while showcasing how to use JavaScript libraries to enhance its functionality.

Why Appery.io?

Appery.io is a powerful, hybrid app builder that lets you use JavaScript libraries in your mobile apps. With a huge selection of pre-built components, Appery.io saves you time and effort by offering plug-and-play solutions. In the video, you’ll see how to use libraries like moment.js for accurate time tracking and a simple yet effective countdown.

Watch and Learn

In this tutorial, we walk you through the process of creating a countdown app from scratch. You’ll learn how to:

• Set up your app with one simple screen
• Add a countdown timer to track the Super Bowl (or any event)
• Use third-party HTML and JavaScript code
• Export your app for iOS and Android

It’s all about making the process as simple and user-friendly as possible. And for those who want even more convenience, Appery.io’s plugin library offers easy-to-integrate solutions to save even more time.

Ready to Start?

Watch the full YouTube tutorial for all the details, and get inspired to create your own Super Bowl party app. Don’t forget to like and subscribe for more tutorials on app development with Appery.io.

Start building your countdown today—and let the Super Bowl excitement begin!

We are excited to announce that our new release brings several nice and handy features you will love!

Also, we have a bonus YouTube video.

Enjoy!

New UI Component: Google Map Lite

As you probably know, Google Maps web browser API key is required for the Google Map component to work properly. However, obtaining this key requires some time and efforts and is paid. Therefore, if you need to test the basic map functionality, please consider using our new Google Map Lite component. In this component, the Appery public key is used to allow to you test the basic map functionality without investing costs and time into configuring your own key.

The Google Map Lite component works in both web applications and native applications. However, for proper functionality, it is highly recommended to set your own key. You can specify it the API key field or in the app App Settings page

Directives Autocomplete

While adding custom attributes under the Common tab, you can use autocomplete to create the most popular directives, for example *ngFor or *ngIf. To do it, place the cursor in the Attribute name field and select from the drop-down list offered:

Updated Context Menu

Another comfy improvement added is our expanded Context menu functionality. It now has extra options for pasting components: Paste Before and Paste After: 

It’s time for the BONUS we promised:

Understanding Driver’s License Barcode Scanning

Driver’s license barcodes are treasure troves of information. They contain vital data that is crucial for verification, identification, and record-keeping. Understanding the types of barcodes used, such as PDF417, is imperative for developers seeking to harness this data effortlessly and accurately.

The video shows how you can use our new Driver License Scanner plugin to build a Driver’s License Barcode Scanning app in no time, so it is well worth watching.

Click to watch the video and don’t forget to put the thumb up!

See you soon!

When it comes to creating mobile apps, Appery.io is a name you need to know. In this article, discover how our latest features can transform your app development process. Appery.io is all about making app building easier and faster.

Enjoy our Search

First, let’s talk about our new search functionality. This tool lets you find anything in your project, whether it’s code, styles, or components. With a quick search, you save time and avoid frustration. You can focus on the creative aspects of your project.

Methods ngOnInit and ionViewWillEnter are now at Hand

Next, our editor now includes hot adding of the methods that are common in app development: ngOnInit and ionViewWillEnter. Previously, setting them up took time. Now, Appery.io has automated this. You can set up your project with one click on the needed method. This means less manual work for you.

Using Alerts is Simpler Now

Another exciting update is in user alerts. Handling these interactions used to be tricky. Now, our system streamlines the process. The code is clear and easy to read. Managing user prompts is now a breeze, enhancing your app’s user experience.

DB Queries Caching is Here Too

Performance is key in any app. That’s why our caching feature is a game-changer. For this, two new parameters have been added to our arsenal: cache and saveInCache.

This feature stores database queries so apps run smoothly, online or offline. It improves speed and ensures data is always there, even when the internet connection isn’t.

With these tools, Appery.io empowers developers at every level. You’re free to focus on what matters. The platform is evolving. Our commitment is to support your creative journey. We provide the tools you need to build apps that stand out.

To learn more about these new features, see our detailed Youtube video:

You’re not alone. Join the Appery.io community. Together, let’s bring your app ideas to life. Explore our tutorials, templates, and intuitive editor. We’re excited to see what you will create!

Mastering the art of building a conference app opens a realm of engagement and efficiency in event planning. A well-crafted app can fundamentally transform how attendees experience an event. Appery.io, known for its robust app development capabilities, offers a comprehensive platform for constructing impactful conference apps.

Well, this article draws insights from a detailed video that walks through leveraging Appery.io, presenting strategies and features to elevate your conference planning.

Getting Started with Appery.io

To embark on your journey with Appery.io, begin by creating an account—a gateway to a myriad of development tools. Navigate the intuitive user interface, which provides seamless access to various features and templates. Among these options, you’ll find the specialized Conference template, setting a solid foundation for your project.

Crafting the Perfect Conference Schedule

A dynamic conference schedule is the cornerstone of any successful event. Customize features like renaming the app, changing the template color themes, launch icons and screens, customizing app pages to match your event’s branding and facilitate easy attendee navigation. A well-organized schedule ensures participants can effortlessly engage with relevant sessions.

If interested, check out the instructions in the Customizing App section or watch watch our YouTube video to learn how to use our template:

Elevating the Speaker Experience

Distinguish your app by featuring detailed speaker profiles. These provide attendees with speakers’ backgrounds and related works, enriching their experience. Additionally, maintaining real-time updates ensures attendees have the most current information at their fingertips.

Engaging the Audience through the App

Interactive features within the app foster attendee engagement, transforming passive participation into active involvement. By integrating social media, you extend the event’s reach and facilitate broader interaction. A thoughtful user interface design further enhances this engagement, ensuring the app is both intuitive and visually appealing.

Customization Features at Your Fingertips

Tailor the app to meet specific audience preferences through features like language settings and dark mode. Customizing the app’s aesthetic not only enhances the user experience but also subtly reinforces brand identity.

Seamless Offline Functionality

In the digital age, providing offline functionality is a strategic advantage. Proper data caching allows users to access schedules and speaker details without internet connectivity, maintaining engagement and utility in various situations.

Tailoring Your App’s Branding

Strengthen your app’s impact by personalizing elements such as the name and icon. Aligning the app with your brand’s digital presence ensures consistency and recognition across different platforms.

Expanding Language Options

Broaden your reach by incorporating multiple languages. Appery.io facilitates this through tools like Angular and TypeScript for translations.

Comprehensive localization caters to diverse audiences, adding a layer of inclusivity to your event.

Simplifying Content Management

Efficient content management is essential for a streamlined user experience. Leverage the conference database to manage speaker details and agenda items effectively, ensuring all content is readily accessible and easily editable.

Final Preparations for Launch

Once your app is polished and ready, export it for publication. Whether you choose the Google Play Store, the App Store, or a web application, ensure you select platforms that best serve your audience. Consider Progressive Web App (PWA) options for extended functionality and reach.

Ultimately, crafting a conference app with Appery.io is about more than just technology. It’s about creating a holistic experience that caters to the needs of organizers, speakers, and attendees alike. For those seeking a deeper exploration, the video provides a comprehensive walkthrough, rich in insights and practical tips to enhance your app development journey.

Unlock the full potential of your app development skills with our latest video guide! Dive into the world of QR and barcode technology with Appery.io and discover how easy it is to integrate these powerful features into your mobile and web applications. Our step-by-step tutorial will walk you through the process of creating, scanning, and managing codes while seamlessly connecting with a backend database. This video is packed with insights and practical tips to elevate your app projects. Watch now and transform the way you build apps!

Step into the Future of App Development

Why is QR and barcode integration a hot trend? Simple. It enhances user interaction and streamlines data processes. With Appery.io, developing these features becomes an enjoyable journey, even for beginners.

Building Blocks: Your QR and Barcode App Foundation

Start by creating a new app with Appery.io’s blank Ionic template. The goal? Add products with specific codes to your database and scan these codes for detailed information retrieval.

Step 1: Code Creation

Use Appery.io’s versatile “QR Code Generator.” Don’t let the name fool you—it handles all code types! Customizing your code is a breeze: adjust size, color, and format to suit your needs. QR codes are popular, so we’ll start there.

Step 2: Database Integration

Harness the power of Appery.io’s “List Details” plugin to manage product info linked to your QR codes. Create a database, add a collection for items, and include fields like “name” and “description.” Importing this plugin adds two powerful pages to your app, ready for data entry and editing.

Scanning and Display: Bringing It All Together

The final step? Scanning codes to display corresponding information. Appery.io offers a “QR and Barcode Scanner” plugin, adding seamless scanning capability. This integration works beautifully across mobile, web, and PWA environments.

Test and Optimize

For real-world effectiveness, use Appery.io’s Tester app on your device. It’s free and straightforward: scan your generated QR code and your app is instantly mobile-ready. Play around with different code formats, test your database connectivity, and refine your user interface for the best results.

Elevate Your App Experience

Integrate navigation tabs for a polished user experience. Appery.io’s simplicity lets you focus on creativity, not complexity.

Conclusion: Become an App Maestro

With Appery.io, creating a complex app with QR and barcode features has never been simpler. It’s an exciting time to explore the possibilities, test your creations, and ultimately produce an efficient and engaging application.

Keep exploring, keep innovating, and let Appery.io guide you through the remarkable process of app development. Dive into this opportunity, and soon, you’ll be coding like a pro.

Happy coding!

Are you ready to turn your mobile device into an offline map powerhouse?

Imagine exploring new places with no need for data connections. With Appery.io’s Offline Map app template, you can create a fully functional map app — no coding experience required. Here’s how you can get started today.

To make sure creating this app takes minimum of your time and efforts, you can watch our YouTube video:

Also, you are free to follow our detailed tutorial on using our customizable Offline Map app template. 

In short, the process can be described in the following simple steps:

Step 1: Build Your Offline Map App with Appery.io

Creating your app with Appery.io is a breeze. Simply:

1. Go to the Apps tab in Appery.io.
2. Click Create new app and choose the Offline Map template.
3. Give your app a name, click Create, and your project will be ready in seconds.

This template includes predefined data and settings to make the setup seamless. You’ll see everything organized in the Project view section, with all essential elements already in place.

Step 2: Get a Mapbox Access Token

To activate your maps, you’ll need a Mapbox access token:

1. Visit the Mapbox’s website and generate your unique access token.
2. In Appery.io, navigate to Services > Settings and enter your token.

This token enables the map features and gives you access to interactive, high-quality mapping.

Step 3: Test Your App on a Device

Testing in a browser won’t work due to the native APIs. To test, click to export the app as an APK (Android) or IPA (iOS), or use the Appery.io Tester app for quick previews.

Exploring the Offline Map App

Launch the app, and you’ll see a default map of San Francisco. Test the different view modes, like Streets or Outdoors, to see what suits you best.

Pro Tip: Use the Appery.io Tester app (available for free on iOS and Android) to preview your map instantly before exporting.

Want a full-screen experience? Hide the controls while using the Appery.io Tester.

To go fully offline, follow these steps:

1. Enable online mode on your device.
2. Click Maps to open the preloaded maps page.
3. Download one of the maps — this is what allows offline access later.

Now you’re set to navigate without an internet connection!

Customize Your App

You’re free to modify the template to fit your specific needs. The template documentation provides insights on how to use free maps from resources like MapTiler. Whether you choose free or paid maps, you’ll find options to match your adventure.

Export Your App

When done, take your app on the road! With Appery.io, exporting is easy. For Android and iOS, follow the export guides linked in the template documentation.

Start Navigating — No Connection Required!

With Appery.io’s Offline Map app template, your mobile device becomes a robust, customizable navigation tool. Perfect for travel, hikes, and exploring remote areas, this template takes your app ideas offline with ease.

Happy navigating!

Today we are pleased to announce the September release of appery.io with new alias $a of Appery helper, global variable $v and global functions!

Let’s look at what’s new

$a

‘$a’ is an alias for the Appery helper ‘Apperyio’. Now, instead of writing:

this.Apperyio.navigateTo("Screen1");

you can use a much shorter form:

this.$a.navigateTo("Screen1");

$v

‘$v’ is an alias for global variables that were previously accessed through Apperyio.vars.

$v is a place for storing any data as ‘global’. For example, to transfer data between screens.

this.$v.myData = 12345;
this.$v.userInfo = {id: 123, name: 'Joe'};

For more detailed information about ‘$v’, you can refer to our documentation https://docs.appery.io/docs/6-model-and-storage#apperyio-global-variable

Appery Helper

The list of functions and properties for the Appery helper ‘$a’ has been significantly expanded. This expansion greatly simplifies the invocation of the most commonly used operations. For example, if you need to display a modal window and pass parameters to it, this can now be achieved in a single line of code:

let data = await this.$a.modal("EditUser", {name: 'john'});

If you need to display a loading indicator, a simple call will do:

await this.$a.showLoading();

And if you need to perform a GET request:

let res = await this.$a.get("https://mydomain.com/user/12345");

You can explore the full list of available functions on this page: https://docs.appery.io/reference/common-methods-and-properties

Global Functions

Global functions have been added. Now, in the Functions section under Modal and Storage, you can define a function, for example ‘sum’, which will be accessible on all screens, custom components, services, etc., using this.$v.sum()

For more detailed information about global functions, you can refer to our documentation https://docs.appery.io/docs/6-model-and-storage#global-functions

We believe this new feature will be of great value to our users. We appreciate your continued use of Appery.io, and we wish you a happy developing!

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team

We’re excited to announce the introduction of the latest Appery.io release, which includes support for Android 13 (API level 33).

While many of the Appery projects were upgraded automatically, we aimed to keep manual application changes to a minimum to ensure a smooth transition for all users.
– Please ensure that you have not manually modified the config.xml file in the source tab. If any modifications were made to this file, kindly follow these steps: Remove the file and execute the “Undo all source changes” operation for the CORDOVA folder.

– Additionally, for some users, it may be necessary to access the App Settings. From there, navigate to Cordova Config, then proceed to the Android tab. Ensure that the property “GradlePluginKotlinVersion” is present with the value “1.6.20” (refer to the provided image for visual guidance). If this property is missing, kindly add it manually.

We believe this new feature will be of great value to our users. We appreciate your continued use of Appery.io, and we wish you a happy developing!

Thank you for using Appery.io and Happy Developing!

Your Appery.io Team

Greetings, Appery.io users!

We have some fantastic news to share with you – our latest release is now live, and it’s packed with exciting new features to enhance your App Builder experience! Here’s what’s in store for you:

Creating a new app has never been easier! With updated app creation options all in one place, new users can now quickly and easily decide what type of app they want to create. Plus, for added convenience, we’ve moved the link for restoring from backup right under the Create new app button:

Say goodbye to the hassle of certificate generation when publishing your apps to custom domains. Appery.io now automatically generates certificates, and when you’re done, you can share your app by copying the link or selecting from several social sharing options:

Save time and effort by adding necessary styles directly under the PROPERTIES > Styles tab, making styling your app easier than ever before:

Our improved modal window experience means you can now create responsive apps that automatically resize their modal windows. This is especially beneficial for tablet and desktop apps.

Writing custom code is a breeze with our new code snippets. We’ve added more snippets, including Navigate forward, Navigate back, Navigate root, and Get query parameter, to streamline your coding process.

We’ve also introduced a new action called Mark all as touch, which will allow you to fine-tune the validation flow:

Our expanded UI components arsenal now includes more properties like Truncate and Vertical Align, making them even more useful. Plus, you can now independently edit child components’ properties for wrapping components like Input and Checkbox, giving you more flexibility when designing your app’s UI. One of the added app styling options is expanding our standard icon toolset selection with Material Symbols library from Google with over 2,875 glyphs in a single font file with a wide range of design variants:

Finally, this release is all about helpers! We’ve added a CODE tab helper to assist you in adding necessary functions, and a helper under the Databases tab to simplify working with binary data. Check out the Files collection CREATE tab to see how quickly you can create binary files and pass your data as Base64.

We are thrilled to bring you these new features and hope that they make your Appery.io experience even better. Thank you for choosing Appery.io – Happy developing!

Your Appery.io Team

We are thrilled to unveil the latest addition to Appery.io‘s lineup of powerful app-building tools – our Facial Recognition App Template! This comprehensive and user-friendly template streamlines the process of creating a camera-based facial identification application, making it ideal for businesses and organizations that require this advanced level of security and attendance tracking.

With this template, tracking employees or students has never been easier – and the benefits don’t stop there. The app is also designed to help detect unauthorized access to sensitive areas and office security perimeters, all while collecting valuable data that can be used for marketing and sales purposes.

And the best part? You can create your app from the template in just a few minutes and customize it to suit your needs. We even have instructions to guide you through the customization process, so you’ll be up and running in no time. Check out this section to find out more.

Whether you’re looking to enhance your organization’s security measures or simply streamline your attendance tracking processes, the Facial Recognition App Template from Appery.io is the perfect solution. Try it out today and experience the power and convenience of this cutting-edge app-building tool for yourself!