Barebone Ionic - Full Application

What’s new in model 2.18:
Fixes and replace to Ionic 1.3.

What’s new in model 2.17:
Addition of six up to date material impressed themes

What’s new in version 2.16:
Ionic library update, native scrolling, minor fixes and obfuscation of code.

Function request

Lend A Hand us enhance this app in a way that completely is smart. Suggest the next feature you would like to see carried out. we are taking ideas very severely.

Creation

Barebone Ionic is the bootstrap you need in order to construct your next extremely modular Ionic utility. it's a neatly structured, neatly organised and applied, complete working app that comes with the entire ingredients a contemporary software wishes. Very Best practices, proven techniques and experienced software architecture are full of a well crafted layout.

At a glance

• Slide menu navigation
• Master/Main Points show of faraway JSON data
• Symbol Galleries primarily based of far flung JSON data
• Endless Scroll
• Push notification
• Plethora of Form Components Samples
• Grunt primarily based build gadget
• Extremely Modular Architecture
• Percentage articles to social media and every other outlined provider
• Reside Chat sponsored by means of Firebase
• Buying Groceries Cart
• Restaurant Ordering
• SASS support
• Live Radio – Audio Flow
• Calendar View with Occasions
• Feedback shape with geolocation
• SQLite CRUD example
• Native Garage CRUD instance
• oAuth sample utilizing THREE carrier suppliers: Twitter, Facebook, Google
• PopUp context menu
• Tinder and Swipeable cards
• 3rd celebration APIs integration
• WordPress
• Drupal
• YouTube
• Vimeo
• Fb (Authentication, Person’s Albums
• Instagram
• Google Charts
• Firebase (Authentication, Are Living chat)
• Price this App in AppStore and Google Play
• AdMob – Google Commercials
• Local calls
• Make a phone name
• Get Ready and e mail and open the local mailer app
• Open Map application with a predefined marker
• Send a URL to a local browser window
• Watch and display the current position of the tool

Demo

Android .APK

• Download Android APK v2.18

Preview on iOS and Android – Ionic View

• Obtain the Ionic View app (http://view.ionic.io)
• Use the App ID 241b6d37

Be Aware: A Few options are not fully useful for preview on Ionic View. Particularly, those who need to launch any other application of the device corresponding to “Find us” which launches device’s Google Maps software. Other examples are “Proportion” an article and “Ship electronic mail” options.

quite a lot of Color combos – Subject Matters

Tens of moderately selected, awesome colour schemes to choose from: Sq. default, Square darkish, Superior, Ocean, Subject Matter indigo, Material blue, Subject Material crimson, Subject Material purple, Material red, Subject Material darkish pink. Just pick out the one that suits your emblem and turn on it with a single modification of the related document.

Options

Stripe bills

A Completely-practical example of Stripe payment processor utilization is demonstrated. you'll be able to procedure bank cards professionally via a checkout form and make an actual charge by utilizing this example as a starting point.

Eating Place Menu

Barebone Ionic can now provide you with the solution even for a more specific kind of e-retailer! that may be a restaurant e-shop! Demonstrate the Eating Place’s menu and let everybody buy your cuisine in a few steps.

an inventory of restaurant menu pieces is displayed providing the products main points, images and worth. Additionally, an entire-featured buying groceries cart is integrated in order that the user can upload/do away with the required menu items. Then, two supply strategies (house delivery and dispose of) are equipped and, by the time the process is done, the consumer gets an order confirmation e-mail making them acutely aware of the ordered pieces and everything else that is wanted in line with an easy environment of the email contents.

Tinder and Swipeable cards

Barebone Ionic makes use of Ionic’s Tinder Playing Cards and Swipeable Playing Cards libraries and applies a simple yet effective instance of an enjoyable person experience letting the consumer swipe cards proper, left or down. we are doing our best to make you absolutely aware of the entire candies you'll be able to use to make your apps even fancier!

oAuth

Stay customers logged in on the app by providing three other choices: Fb, Twitter and Google account. Barebone Ionic app makes use of Cordova Oauth module and lets your customers have quick access to any service calls for a login process. Login knowledge is maintained within the local storage of the app except consumer taps the “log off” button. you're only one step clear of the configuration of this option. Just set the related IDENTIFICATION of each login supplier and you are all able.

PopUp context menu

Numerous instances perspectives that drift above app’s content are needed either to show more information approximately the current view, make a selection a device/configuration option or present a listing of movements to accomplish throughout the view. Barebone Ionic app demonstrates Ionic’s popover component to make it more straightforward for you to start.

SQLite and local Storage

SQLite module provides a full living proof the place the entire set of the CRUD operations is established. An SQLite database is initialized and an easy style is serialized and deserialized into and from it. all the UI required for this goal is thoroughly hand made.

Is SQLite too advanced on your needs? Persist your app’s information via taking benefit of Native Storage. Use Barebone Ionic’s sample code as your place to begin and get the hold of it in no time! Local Storage module comes with everything you need.

Comments

Feedback module provides the consumer the option to compose and ship a report which encompass, a text message, an image, a video and the geographic region of the software. Watch a video demonstration

Fee this App

Ratings are a good option for finding out the issues of your app and the enhancements you could make. A button from within the app makes it quick and simple for the consumer to price the app without a lot of hoops to jump thru. you just want to give you the url so that it will allow the user open the app right away and fee it. But Even So, if the person does not make a choice to price it on their own, the app itself will urged the consumer displaying the comparable conversation every time they reach the selection of predefined makes use of of the app. As for the configuration, you are going to want no time as only a unmarried variable needs to be modified – no further coding is required.

Watch a video demonstration

Occasions

Show events in a Calendar view. Occasions modules supplies a very easy method to describe Adventure through the use of a simple JSON construction. the entire information are automatically be displayed as event entries into a Calendar

Navigation

The Applying follows the trendy developments of the “Slide menu”.

Live Radio – Audio Movement

Stream module gets any reside streaming URL and turns it into a live radio display. The Whole Lot is already coded so you'll be able to make your individual live streaming radio available for use simply by defining the URL of your move.

Shopping Cart

Barebone Ionic is coming with an entire operating Buying Groceries Cart module which supplies a unified add to cart and checkout person revel in.

• Watch the video

Firebase Login

Barebone Ionic is coming with a module which demonstrates the integration with the Firebase platform. an entire working authentication instance is part of the module.

Firebase Chat

Once the person authenticates itself, will get get entry to to all chat rooms which have been defined throughout the Firebase backend. When a message is published, in a room, seems straight away in all of the other devices which are these days attached to that room. a full historical past of the messages is stored in Firebase.

• Watch the video

Remote data

The Scoop, Merchandise and Galleries, checklist windows are fetching information from online assets by utilizing the JSON protocol. The source URLs for these listings are set within the software’s configuration file. Images, Galleries, texts and entire entries may also be up to date by way of adjusting the remote assets. Nevertheless, rebuilding and re-dispensing the appliance don't seem to be required for constant updates.

the similar applies for the pins in the are living map too. The customers are in a position to add and configure the pin issues just by adjusting the remote source.

Articles and merchandise record

Two different content material sorts are used and proven in Barebone Ionic.

The Application provides the power of forming Articles by means of including a unique photograph in any of them.

Products are very similar to Articles however are assisting a vast collection of accompanying images. A Picture Slider is created through the use of them.

Gallery integration

Barebone Ionic comes with an image Gallery already integrated. all the images are controlled through a far flung JSON construction. Unlimited number of Galleries is supported and displayed through the use of 3 other perspectives: Galleries Feed, Gallery’s thumbnail, Images View (slide).

Wordpress

Barebone Ionic provides Wordpress give a boost to that may be going to facilitate you to fetch and show the posts of a Wordpress website online by way of merely replacing a single line of the code with the desired JSON feed source.

Drupal

Barebone Ionic ensures a very easy method to fetch and display the articles you make a choice from a Drupal web site in a very smart and rapid means simply by placing your JSON feed of the articles simplest in a single line of the code.

RSS

Atom, RSS, or Media RSS feed might be ate up by utilizing the Google Feed API that's already built-in into the app. A Working Example where articles are consumed for the RSS Feeds of the Stressed Out mag is provided

YouTube

Youtube playlists is speedy and straightforward to be fed into the applying. you simply want to do simple steps:

• provide the Youtube account username and
• Supply your API key in a single code line

the entire complexity behind the verbal exchange with the Youtube API is taken deal with you already.

Vimeo

Vimeo playlists is rapid and simple to be fed into the application. you simply want to do simple steps:

• provide the Vimeo account username and
• Supply your API key in a unmarried code line

all of the complexity at the back of the communique with the Vimeo API is taken handle you already.

Endless Scroll

Infinite Scroll, one way that load paginated data automatically even as you might be scrolling is proven. Absolute Best practices regarding its implementation are available within the Vimeo videos listing displays.

Facebook

an entire working example of the Fb Graph API is integrated into the application.

Fb – Person Authentication

The Application authenticates the consumer and displays its full title and electronic mail deal with Facebook helps to keep in its information.

Fb – Consumer Albums

Once the person is authenticated the applying will get and presentations the Albums and their Photos the user has uploaded.

Fb – Page Albums

The packages will get the Albums of the required Fb web page and creates pictures galleries by utilizing their pictures.

The authentication method of the “permanent token” is used, so the consumer isn't requested to login along with his Facebook Account.

Instagram

a full case in point of the Instagram API is built-in into the application. The Appliance authenticates the user and shows the hot posts he has made in Instagram.

AdMob

Barebone Ionic comes with a whole living proof where the AdMob integration is tested.

Social Sharing

Social sharing is a middle feature of the applying. Articles are offering the choice to be shared to Fb, Twitter, by way of electronic mail or every other registered carrier.

Google Charts

A Charts module is part of the Barebone Ionic application. The module is making use of Google Charts and integrates their API. It uses the Chart engine the provider of Google is offering and makes any chart available in the cellular software. the data which are used for the charts are handled utterly by way of the application.

Region Provider / Instrument’s Region

an entire operating Area module demonstrates the location provider. it's looking at and gets and presentations the present place of the tool. Move the tool and the location data might be up to date.

Push notification

an entire running Push notification example is built-in into the application. It comes additionally with particular directions on easy methods to configure everything to your end and feature your utility able to ship and obtain Push Notifications.

Plethora of Forms samples

A plethora of Sample screens where all the available through the platform shape components and form layouts are tested.

See the video demonstration

Structure

Yeoman Ionic Framework Generator powered

Yeoman Ionic Framework Generator combines the most productive practices and lines for scaffolding a hybrid utility. It makes construction of a mobile app easy and briefly given that Yeoman is built-in with Ionic Framework and Cordova plugin. Also, the incorporated Grunt build machine optimizes and automates some vital duties of your workflow.

Modularity

Barebone Ionic’s extremely modular structure goes to eliminate any needless complexity. Its code is blank and neatly-organised into modules to make configuration even more straightforward. A configuration file is liable for each and every feature of the appliance comparable to:

• The RSS feeds
• The Inside Track
• The Galleries
• The URLs for the far off information

Therefore, the configuration of all of the options is done through the services and products wherein they're followed.

Ionic design

Barebone Ionic relies at the UI parts that the Ionic Framework provides. Ionic Framework comes with an in depth and bold CSS framework for layout styling. Moreover, it handles header elements in an overly identical strategy to current libraries you may also have used. Headers are available in many different default color options. Including a footer part is as easy as including a header. Moreover, Ionic comes with its personal icon library in-built which contains almost the whole lot you should need. Use Ionic’s UI parts and so they will come up with a fully customised and practical UI.

Documentation

The documentation that is coming with, describes in main points the whole thing that may be wanted in order to get started with the app and personalize it.

Multilingual strengthen

Are you attention-grabbing in having multiple languages jam-packed with this utility? Check our I18N Ionic Application and find out how you'll make it happen.

Modification log

2.18 - May 04, 2016 - Ionic replace to v1.3.0 - Fix on appearing a pin and setting the destination on Android's maps app - Restoration of the ionic keyboard plugin id 2.17 - March 03, 2016 - Addition of six new subject matters - oAuth restore - Spacing among the playing cards in the house screen restore 2.16 - February 09, 2016 - Ionic update to v1.2.4 as Ionic 1.2 makes use of local scrolling by way of default. - Ionic CLI update to v1.7.13 - E Mail composer restoration for Android 6 2.15 - January 12. 2015 - Instance of Stripe cost processor utilization. Includes checkout and rate of bank card 2.14 - January 04, 2015 - Four theme options 2.THIRTEEN - December 22, 2015 - Stepped Forward set up process - Downgrade of Apache Cordova iOS to v3.NINE.2 on account of plugin conflicts - Replica of package deal file to be used as a substitute when wanted - Utilization of a forked version of the audio circulation plugin which fixes the Audio Movement problems for Android 5.x and 6.x 2.12 - December 15, 2015 - Restore on ConnectionType all the time returning Connection.UNKNOWN (Android) - Ionic update to v1.1.1 - Cordova CLI replace to v5.4.1 - Ionic CLI update to v1.7.12 - ngCordova update to v0.1.23-alpha - Make Stronger of android versions back to 4.0 - Alternative of AdMob plugin with AdMob Pro - Plugins replace - Stepped Forward installation process for Win/Linux/MacOS - README.md update with progressed directions on methods to install, run, build the app. 2.ELEVEN - November 3, 2015 - Eating Place module. Full working eating place ordering system. Comprises checklist of menu pieces, buying groceries cart, checkout, delivery strategies and confirmation electronic mail. - README.md replace with improved directions on how to install, run, build the app. 2.10 - October 18, 2015 - Local-storage module. Complete operating Local-storage CRUD example - Tinder Cards module. Tinder cards full running demonstration. - Swipeable Cards module. Swipeable cards complete running demonstration. - Ionic CLI update to v1.7.6 - Minor problems repair related to bouncing view. 2.9 - October NINE, 2015 - oAuth samples using Twitter, Fb and Google as service suppliers - PopOver context (right) menu 2.8 - October 6, 2015 - Utilization of the Transport Security Plugin to permit HTTP requests for iOS9 - Addition of an entire operating SQLite example 2.7 - September 30, 2015 - Ionic update to v1.1.0 - Cordova CLI replace to v5.THREE.3 - Ionic CLI replace to v1.6.4 2.6 - September 10, 2015 - Consumer's Comments module. This module provides the person the option to compose and send a document which consist of, a text message, a picture, a video and the geographic area of the tool. 2.5 - September 8, 2015 - AdMob integration 2.4 - August 7, 2015 - Fee module. Integration of Cordova Apprate Plugin and demonstration of an actual case situation - Update ngCordova to v0.1.18-alpha. - Explicit reference to ng-cordova-auth. it is required bye the v0.1.18-alpha of ngCordova - Integration with Ionic Platform and deployment via Ionic View 2.THREE - July 31, 2015 - Event modules. A reveal which displays Calendar entries in a Event/Calendar view has been added. - Community connection check: The Application check for community connections ahead of each and every http request and displays a message if the connection can not be based. - Cordova Whitelist plugin added which improves the behaviour of community connections for Android - Cordova update to 5.1.1 - Ionic CLI replace to v1.6.3 2.2 - July 18, 2015 - Fix: Map Show on iOS simulator and gadgets - Ionic CLI update to v1.6.1 - Ionic replace to v1.0.1 2.1 - July 11, 2015 - Live Radio / Audio Circulation playback 2.0 - June 27, 2015 - SASS fortify - Cordova update to v5.0.0 - Ionic update to v1.5.5. - Restoration the "grunt serve" issue duo to model 1.0.1 of the "grunt-concurrent" module 1.8 - June 27, 2015 - Buying Groceries Cart with products browsing, upload to cart and checkout 1.7 - June 20, 2015 - Reside Chat backed by way of Firebase - Firebase Authentication - Icons in the Slide Menu 1.6 - June 13, 2015 - Fb API authentication by using an enduring token (no user login is needed) - Fb Page Albums integration. The Appliance creates Picture Albums by using the albums and their pictures of the specified Fb web page. - Sharing article to Fb, Twitter, Email and any other outlined within the instrument provider. 1.5 - June 10, 2015 - Fb Consumer Albums integration. The Appliance rather a lot the Albums the authorized person has uploaded in his Facebook account and presentations them as Galleries. - Google Charts integration 1.4 - June NINE, 2015 - Position Screen which demonstrates the positioning service. it is staring at and will get and shows the present position of the tool. 1.3 - June EIGHT, 2015 - Pattern screens demonstrating all of the Form Parts and Layouts - Pattern displays demonstrating Tabs and all their available types. 1.2 - June THREE, 2015 - Facebook Graph API integration with examples - - Login - - Get consumer's full title and electronic mail cope with - Instagram API integration with examples - - Login - - Get user's latest posts 1.1 - Might 31, 2015 - Vimeo API integration with examples. - Infinite scroll example. - Automate dependencies install by means of grunt. 1.0 - Would Possibly 17, 2015 - Initial free up
FULL DOWNLOAD