Ionizer - Ionic, AngularJS & Cordova App Template & Example

Version 3.1 Update – 21 July 2015 !!

• New: Ionizer WooCommerce Shop Application with the following features
  • Woocommerce Integration
  • Browse Products of your Woocommerce Site
  • Shopping Cart
  • Checkout integrated into Wordpress Woocommerce
  • Try it out at apps.interfeis.com

Ionizer is a Mobile Native Web Application Template with Working Examples to create Hybrid Applications. Ionizer itself is powered by Cordova, AngularJS & Ionic. The purpose of Ionizer is to help you start right away with the Application Development and skip writing your own API return JSON parsers, API Call Services, Search for Cordova Plugins, etc. We have put a lot of effort to get Ionizer as easily to use as possible and are keen to hear your feedback on how to make Ionizer even better.

If you would like to test it before Purchasing, here is the link for Ionizer Android APK

Main Features:

Working Examples for you to tweak

Ionizer Chat Application with the following features

• Firebase Integration
• Realtime Chat Sync
• Profile Pictures
• Chat Rooms with Profile Pictures
• Social Logins

YouTube API v3 + OAuth

YouTube Example using the YouTube API v3 and the Ionizer Layout with Search Function, OAuth 2.0 using the InAppBrowser

Wordpress JSON API

Access your Wordpress Site using JSON

Rottentomatoes API

See the Top 10 Rotten Tomatoes Movies, Search Movies and Bookmark them

FoodToFork API

Look at the most Popular Recipes, Search by Name & Ingriedients and Bookmark you Favorite Items

Cordova Plugins

• AdMob: The AdMob plugin presents AdMob Ads in Mobile App/Games natively from JavaScript.
• Splashscreen: Show or Hide the Splash Screen.
• AppAvailability: The AppAvailability plugin allows you to check if an app is installed on the user’s device.
• App Rate: The AppRate plugin makes it easy to prompt the user to rate your app, either no or later, or never.
• Barcode Scanner: The Barcode Scanner Plugin opens a camera view and automagically scans a barcode, returning the data back to you.
• More coming soon!

UI (User Interface) & UX (User Experience)

App Introduction

When first entering the Application than the User will be greeted by an Introduction of the App. This can be changed to be a Quick Tutorial if you want. It has also a Toggle Button to save if the Introduction shall show up again the next time the users Starts the App.

Left Side Menu

On the left side is a side menu that can be accesed by either clicking on the navigation button on the Top right corner or by dragging to reveal it underneath. This side has a Link for 2 Working Examples and Welcome Massge with Avatar for the User.

Right Search Menu

On the right side is a side menu that can be accesed by either clicking on the search button on the Top right corner or by dragging to reveal it underneath. The data will dynamically change based on what you put into the Search Box.

 

Tabs

On the bottom there are 3 Tabs, each having there own State, which are:

• Here you can choose to show Initial Data (ex: Box Office Information from Movie API, Today’s Favorites from Food API, Today’s Score from Football API).
• Search: This Menu is for the User to Search Data using the API.
• Bookmark: All the User saved data will go here.

       

Detail Page

This State is using 1 templates and can be used for all Tabs, the general purpose is to show the detail after pressing an Item from the Tabs (ex: Details of a Movie, Details of a Recipe, Score Details of a Match)

Pull to Refresh

The Home Page has Pull to Refresh implemented, which you can choose to use on other Pages also

Infinte Scroll

The Search Page has Infinte Scroll applied to it so once the user reaches the bottom of the Page a new set of Data will be loaded until no more data is available  

Responsive Cards

Data is shown as Cards, which can be customized to show Images, Icons, etc. This is also build to be Responsive to show 1 Card on a Phone and 3 Cards on a Tablet or Browser  

Bookmark

Data can be saved to the Bookmark Page by simple clicking on the checklist

JavaScript behind the Door

• Dynamic URL creater based on the parameters set by You and able to use functions. (How to use below)
• Dynamic Variable Creator that can be used in each Page to show Text, Images, etc and able to use function. (How to use below)
• A Factory to get a part of an object (ex: movies.image.detail)
• A Factory to save objects in $window.localStorage
• A Factory to process all bookmarked data

Changelog

Version 3.1 Update – 21 July 2015

• New: Ionizer WooCommerce Shop Application with the following features
  • Woocommerce Integration
  • Browse Products of your Woocommerce Site
  • Shopping Cart
  • Checkout integrated into Wordpress Woocommerce

Version 3.0 Update – 19 April 2015

• New: Ionizer Chat Application with the following features
  • Firebase Integration
  • Realtime Chat Sync
  • Profile Pictures
  • Chat Rooms with Profile Pictures
  • Social Logins

Version 2.2 Update – 19 February 2015

• New: Youtube API with OAuth
• Update: ngCordova 0.1.12
• New Plugin: Oauth and InAppBrowser

Version 2.1 Update – 5 January 2015

• New: Wordpress JSON API Integration
• Update: ngCordova 0.1.10

Version 2.0 – 31 December 2014

• New: Feature Showcase for ngCordova Plugins
• New: Feature Showcase for Ionic’s CSS feats (Forms, Grids, Cards, Lists, Ionicons).
• New: Feature Showcase for Ionic’s Javascript feats

Version 1.2 – 11 December 2014

• New: Feature Application Introduction / Tutorial

Version 1.1 – 19 November 2014

• New: Left Side Menu for Navigation
• New: Right Side Menu for Search
• New: 2 Working Examples (Rotten Tomatoes API & Food2Fork API)

Version 1.0 – 3 November 2014

• Initial Release

Need Support?

If you have problems, please try to read our documentation first since many support related questions are answered inside our documentation. Support requests can be sent through email at ramayana@interfeis.com. We usually respond to support requests within 48 hours on weekdays, depending on the number of requests in queue.