LIVE PREVIEWBUY FOR $20

What’s new in model 2.24:
Tabs with badges. Google Locations autocomplete.

What’s new in model 2.23:
Youtube participant stops taking part in within the background when the app is paused.

Improve to Ionic 2

Ionic 2 is superior to Ionic 1 – interval! Improve to Ionic 2 and luxuriate in its improved efficiency, new parts, highly effective set of Native APIs and plenty of extra. Get began now with Barebone Ionic 2, the Swiss Military Knife of Ionic 2!

Go to http://appseed.io/barebone-ionic-2 and select the version that fits your studying and growth wants probably the most.

Function request

Assist us enhance this app in a means that completely is smart. Suggest the next feature you wish to see applied. We’re taking options very critically.

Barebone Ionic - Full Application - 1

Introduction

Barebone Ionic is the bootstrap you want with a purpose to construct your subsequent extraordinarily modular Ionic software. It’s a nicely structured, nicely organised and applied, full working app that comes with all of the substances a contemporary software wants. Greatest practices, confirmed strategies and skilled software program structure are full of a nicely crafted design.

At a look

  • Slide menu navigation
  • Grasp/Particulars show of distant JSON information
  • Picture Galleries based mostly of distant JSON information
  • Infinite Scroll
  • Push notification
  • Plethora of Kind Components Samples
  • Grunt based mostly construct system
  • Extraordinarily Modular Structure
  • Share articles to social media and every other outlined service
  • Stay Chat backed by Firebase
  • Procuring Cart
  • Restaurant Ordering
  • SASS assist
  • Stay Radio – Audio Stream
  • Calendar View with Occasions
  • Suggestions kind with geolocation
  • SQLite CRUD instance
  • Native Storage CRUD instance
  • oAuth pattern using 3 service suppliers: Twitter, Fb, Google
  • PopUp context menu
  • Tinder and Swipeable playing cards
  • Tabs with badges
  • third social gathering APIs integration
    • WordPress
    • Drupal
    • YouTube
    • Vimeo
    • Fb (Authentication, Consumer’s Albums
    • Instagram
    • Google Charts
    • Firebase (Authentication, Stay chat)
    • Charge this App in AppStore and Google Play
    • AdMob – Google Advertisements
    • Google Locations autocomplete
  • Native calls
    • Make a cellphone name
    • Put together and electronic mail and open the native mailer app
    • Open Map software with a predefined marker
    • Ship a URL to a local browser window
    • Watch and show the present place of the machine

Demo

Android .APK

Preview on iOS and Android – Ionic View

Be aware: Some options will not be absolutely purposeful for preview on Ionic View. Particularly, those who have to launch one other software of the machine resembling “Discover us” which launches machine’s Google Maps software. Different examples are “Share” an article and “Ship electronic mail” options.

Loads of Coloration combos – Themes

Barebone Ionic - Full Application - 2
Tens of fastidiously chosen, superior shade schemes to select from: Sq. default, Sq. darkish, Superior, Ocean, Materials indigo, Materials blue, Materials pink, Materials pink, Materials purple, Materials darkish purple. Simply choose the one which fits your model and activate it with a single modification of the associated file.

Options

Stripe funds

Barebone Ionic - Full Application - 3
A totally-functional instance of Stripe fee processor utilization is demonstrated. You’ll be able to course of bank cards professionally via a checkout kind and make an precise cost through the use of this instance as a place to begin.

Restaurant Menu

Barebone Ionic - Full Application - 4
Barebone Ionic - Full Application - 5
Barebone Ionic can now provide the resolution even for a extra particular type of e-shop! That may be a Restaurant e-shop! Show the Restaurant’s menu and let everybody purchase your delicacies in just a few steps.

An inventory of restaurant menu gadgets is displayed presenting the merchandise particulars, pictures and value. Additionally, a full-featured buying cart is included in order that the person can add/take away the specified menu gadgets. Then, two supply strategies (residence supply and take away) are supplied and, by the point the method is accomplished, the person receives an order affirmation electronic mail making them conscious of the ordered gadgets and the whole lot else that’s wanted in accordance with a easy setting of the e-mail contents.

Tinder and Swipeable playing cards

Barebone Ionic - Full Application - 6
Barebone Ionic - Full Application - 7
Barebone Ionic makes use of Ionic’s Tinder Playing cards and Swipeable Playing cards libraries and applies a easy but efficient instance of an gratifying person expertise letting the person swipe playing cards proper, left or down. We’re doing our greatest to make you absolutely conscious of all of the goodies you should utilize to make your apps even fancier!

oAuth

Barebone Ionic - Full Application - 8
Maintain customers logged in on the app by offering three totally different choices: Fb, Twitter and Google account.
Barebone Ionic - Full Application - 9
Barebone Ionic app makes use of Cordova Oauth module and lets your customers have fast entry to any service requires a login course of. Login info is maintained within the native storage of the app except person faucets the “Sign off” button.
Barebone Ionic - Full Application - 10
You’re just one step away from the configuration of this function. Simply set the associated ID of every login supplier and you might be all prepared.

PopUp context menu

Barebone Ionic - Full Application - 11
Numerous occasions views that float above app’s content material are wanted both to point out extra information concerning the present view, choose a instrument/configuration choice or current an inventory of actions to carry out contained in the view. Barebone Ionic app demonstrates Ionic’s popover aspect to make it simpler so that you can get began.

SQLite and Native Storage

Barebone Ionic - Full Application - 12
SQLite module gives a full working instance the place the entire set of the CRUD operations is demonstrated. An SQLite database is initialized and a easy mannequin is serialized and deserialized into and from it. All of the UI required for this goal is fastidiously handcrafted.

Is SQLite too advanced on your wants? Persist your app’s information by benefiting from Native Storage. Use Barebone Ionic’s pattern code as your place to begin and get the hold of it very quickly! Native Storage module comes with the whole lot you want.

Suggestions

Barebone Ionic - Full Application - 13
Suggestions module gives the person the choice to compose and ship a report which include, a textual content message, a picture, a video and the geographic location of the machine.
Watch a video demonstration

Charge this App

Barebone Ionic - Full Application - 14
Rankings are useful for locating out the issues of your app and the enhancements you could possibly make. A button from contained in the app makes it fast and straightforward for the person to charge the app with out loads of hoops to leap via. You merely want to offer the url that may enable the person open the app immediately and charge it. Apart from, if the person doesn’t decide to charge it on their very own, the app itself will immediate the person displaying the associated dialog every time they attain the variety of predefined makes use of of the app. As for the configuration, you will want no time as only a single variable must be modified – no additional coding is required.

Watch a video demonstration

Occasions

Barebone Ionic - Full Application - 15
Show occasions in a Calendar view. Occasions modules gives a straightforward option to describe Occasion through the use of a easy JSON construction. All of the information are mechanically be displayed as occasion entries right into a Calendar

Navigation

Barebone Ionic - Full Application - 16
The applying follows the trendy traits of the “Slide menu”.

Stay Radio – Audio Stream

Barebone Ionic - Full Application - 17
Stream module will get any stay streaming URL and turns it right into a stay radio display screen. The whole lot is already coded so you can also make your individual stay streaming radio accessible to be used just by defining the URL of your stream.

Procuring Cart

Barebone Ionic - Full Application - 18
Barebone Ionic is coming with a full working Procuring Cart module which gives a unified add to cart and checkout person expertise.

Firebase Login

Barebone Ionic - Full Application - 19
Barebone Ionic is coming with a module which demonstrates the combination with the Firebase platform. A full working authentication instance is a part of the module.

Firebase Chat

Barebone Ionic - Full Application - 20
As soon as the person authenticates itself, will get entry to all chat rooms which have been outlined via the Firebase backend. When a message is posted, in a room, seems immediately in all the opposite units which might be at present related to that room. A full historical past of the messages is saved in Firebase.

Distant information

The Information, Merchandise and Galleries, itemizing home windows are fetching information from on-line sources through the use of the JSON protocol. The supply URLs for these listings are set within the software’s configuration file. Pictures, Galleries, texts and complete entries may be up to date by adjusting the distant sources. Nonetheless, rebuilding and re-distributing the applying will not be required for fixed updates.

The identical applies for the pins within the stay map too. The customers are ready so as to add and configure the pin factors simply by adjusting the distant supply.

Articles and merchandise itemizing

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

Barebone Ionic - Full Application - 21
The applying gives the power of forming Articles by including a novel photograph in any of them.

Barebone Ionic - Full Application - 22
Merchandise are just like Articles however are supporting a limiteless variety of accompanying pictures. An Picture Slider is created through the use of them.

Barebone Ionic - Full Application - 23
Barebone Ionic comes with an Picture Gallery already built-in. All the pictures are managed by a distant JSON construction. Limitless variety of Galleries is supported and displayed through the use of three totally different views: Galleries Feed, Gallery’s thumbnail, Pictures View (slide).

WordPress

Barebone Ionic - Full Application - 24
Barebone Ionic gives WordPress assist that’s going to facilitate you to fetch and show the posts of a WordPress web site by merely changing a single line of the code with the specified JSON feed supply.

Drupal

Barebone Ionic - Full Application - 25
Barebone Ionic ensures a straightforward option to fetch and show the articles you select from a Drupal web site in a really sensible and fast method simply by inserting your JSON feed of the articles solely in a single line of the code.

RSS

Atom, RSS, or Media RSS feed might be consumed through the use of the Google Feed API which is already built-in into the app. A Working instance the place articles are consumed for the RSS Feeds of the Wired journal is supplied

YouTube

Youtube playlists is quick and straightforward to be fed into the applying. You solely have to do two easy steps:

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

All of the complexity behind the communication with the Youtube API is taken look after you already.

Vimeo

Vimeo playlists is quick and straightforward to be fed into the applying. You solely have to do two easy steps:

  • Present the Vimeo account username and
  • Present your API key in a single code line

All of the complexity behind the communication with the Vimeo API is taken look after you already.

Infinite Scroll

Infinite Scroll, a way that load paginated information mechanically when you are scrolling is demonstrated. Greatest practices concerning its implementation can be found within the Vimeo movies itemizing screens.

Fb

A full working instance of the Fb Graph API is built-in into the applying.

Fb – Consumer Authentication

Barebone Ionic - Full Application - 26
The applying authenticates the person and shows its full title and electronic mail handle Fb retains in its information.

Fb – Consumer Albums

Barebone Ionic - Full Application - 27
As soon as the person is authenticated the applying will get and shows the Albums and their Photographs the person has uploaded.

Fb – Web page Albums

Barebone Ionic - Full Application - 28
The functions will get the Albums of the required Fb web page and creates pictures galleries through the use of their pictures.

The authentication technique of the “everlasting token” is used, so the person isn’t requested to login along with his Fb Account.

Instagram

Barebone Ionic - Full Application - 29
A full working instance of the Instagram API is built-in into the applying. The applying authenticates the person and shows the latest posts he has made in Instagram.

AdMob

Barebone Ionic - Full Application - 30
Barebone Ionic comes with a full working instance the place the AdMob integration is demonstrated.

Social Sharing

Barebone Ionic - Full Application - 31
Social sharing is a core function of the applying. Articles are offering the choice to be shared to Fb, Twitter, through electronic mail or every other registered service.

Google Charts

Barebone Ionic - Full Application - 32
A Charts module is a part of the Barebone Ionic software. The module is making use of Google Charts and integrates their API. It makes use of the Chart engine the service of Google is offering and makes any chart accessible within the cell machine. The info which might be used for the charts are dealt with fully by the applying.

Location Service / Machine’s Location

Barebone Ionic - Full Application - 33
A full working Location module demonstrates the placement service. It’s watching and will get and shows the present place of the machine. Transfer the machine and the placement information might be up to date.

Push notification

A full working Push notification instance is built-in into the applying. It comes additionally with detailed directions on how you can configure the whole lot in your finish and have your software able to ship and obtain Push Notifications.

Plethora of Varieties samples

A plethora of Pattern screens the place all of the accessible by the platform kind parts and kind layouts are demonstrated.

See the video demonstration

Structure

Yeoman Ionic Framework Generator powered

Yeoman Ionic Framework Generator combines the most effective practices and options for scaffolding a hybrid software. It makes constructing of a cell app simple and shortly since Yeoman is built-in with Ionic Framework and Cordova plugin. Additionally, the included Grunt construct system optimizes and automates some necessary duties of your workflow.

Modularity

Barebone Ionic - Full Application - 34
Barebone Ionic’s extraordinarily modular structure goes to get rid of any pointless complexity. Its code is clear and well-organised into modules to make configuration even simpler. A configuration file is chargeable for every function of the applying resembling:

  • The RSS feeds
  • The Information
  • The Galleries
  • The URLs for the distant information

Due to this fact, the configuration of the entire options is finished via the companies by which they’re accompanied.

Ionic design

Barebone Ionic relies on the UI parts that the Ionic Framework gives. Ionic Framework comes with an in depth and spectacular CSS framework for structure styling. Moreover, it handles header parts in a really related option to current libraries you could have used. Headers can be found in many alternative default shade choices. Including a footer aspect is as simple as including a header. Furthermore, Ionic comes with its personal icon library constructed by which accommodates virtually the whole lot you must want. Use Ionic’s UI parts and so they will provide you with a completely customised and purposeful UI.

Documentation

The documentation which is coming with, describes in particulars the whole lot that’s wanted with a purpose to get began with the app and personalize it.

Multilingual assist

Are you attention-grabbing in having a number of languages full of this software? Examine our I18N Ionic Application and study how one can make it occur.

Change log

2.24 - Mar 23, 2017
- Google Locations autocomplete
- Tabs with badges

2.23 - Dec 13, 2016
- Youtube participant stops when the app is paused

2.22 - Oct 20, 2016
- Slide menu stays open on tablets and huge screens
- Help for Youtube channel URLs based mostly on each username and channel IDs

2.21 - Oct 13, 2016
- Fastened misplaced radio play button on actual units

2.20 - Sep 09, 2016
- Migration to the Cloud Shopper Push

2.19 - Sep 02, 2016
- Improve Firebase to three.x

2.18 - Could 04, 2016
- Ionic replace to v1.3.0
- Repair on exhibiting a pin and setting the vacation spot on Android's maps app
- Repair of the ionic keyboard plugin id

2.17 - March 03, 2016
- Addition of six new themes
- oAuth repair
- Spacing between the playing cards within the residence display screen repair

2.16 - February 09, 2016
- Ionic replace to v1.2.4 as Ionic 1.2 makes use of native scrolling by default.
- Ionic CLI replace to v1.7.13
- E-mail composer repair for Android 6

2.15 - January 12. 2015
- Instance of Stripe fee processor utilization. Consists of checkout and cost of bank card

2.14 - January 04, 2015
- 4 theme choices

2.13 - December 22, 2015
- Improved set up course of
- Downgrade of Apache Cordova iOS to v3.9.2 due to plugin conflicts
- Copy of bundle file for use as a alternative when wanted
- Utilization of a forked model of the audio stream plugin which fixes the Audio Stream points for Android 5.x and 6.x

2.12 - December 15, 2015
- Repair on ConnectionType at all times returning Connection.UNKNOWN (Android)
- Ionic replace to v1.1.1
- Cordova CLI replace to v5.4.1
- Ionic CLI replace to v1.7.12
- ngCordova replace to v0.1.23-alpha
- Help of android variations again to 4.0
- Substitute of AdMob plugin with AdMob Professional
- Plugins replace
- Improved set up course of for Win/Linux/MacOS
- README.md replace with improved directions on how you can set up, run, construct the app.

2.11 - November 3, 2015
- Restaurant module. Full working restaurant ordering system. Consists of record of menu gadgets, buying cart, checkout, supply strategies and affirmation electronic mail.
- README.md replace with improved directions on how you can set up, run, construct the app.

2.10 - October 18, 2015
- Native-storage module. Full working Native-storage CRUD instance
- Tinder Playing cards module. Tinder playing cards full working demonstration.
- Swipeable Playing cards module. Swipeable playing cards full working demonstration.
- Ionic CLI replace to v1.7.6
- Minor points repair associated to bouncing view.

2.9 - October 9, 2015
- oAuth samples using Twitter, Fb and Google as service suppliers
- PopOver context (proper) menu

2.8 - October 6, 2015
- Utilization of the Transport Safety Plugin to permit HTTP requests for iOS9
- Addition of a full working SQLite instance

2.7 - September 30, 2015
- Ionic replace to v1.1.0
- Cordova CLI replace to v5.3.3
- Ionic CLI replace to v1.6.4

2.6 - September 10, 2015
- Consumer's Suggestions module. This module gives the person the choice to compose and ship a report which include, a textual content message, a picture, a video and the geographic location of the machine.

2.5 - September 8, 2015
- AdMob integration

2.4 - August 7, 2015
- Charge module. Integration of Cordova Apprate Plugin and demonstration of an actual case situation
- Replace ngCordova to v0.1.18-alpha.
- Express reference to ng-cordova-auth. It's required bye the v0.1.18-alpha of ngCordova
- Integration with Ionic Platform and deployment via Ionic View

2.3 - July 31, 2015
- Occasion modules. A display screen which shows Calendar entries in a Occasion/Calendar view has been added.
- Community connection test: The applying test for community connections earlier than every http request and shows a message if the connection can't be established.
- Cordova Whitelist plugin added which improves the behaviour of community connections for Android
- Cordova replace to five.1.1
- Ionic CLI replace to v1.6.3

2.2 - July 18, 2015
- Repair: Map Show on iOS simulator and units
- Ionic CLI replace to v1.6.1
- Ionic replace to v1.0.1

2.1 - July 11, 2015
- Stay Radio / Audio Stream playback

2.0 - June 27, 2015
- SASS assist
- Cordova replace to v5.0.0
- Ionic replace to v1.5.5.
- Repair the "grunt serve" subject duo to model 1.0.1 of the "grunt-concurrent" module

1.8 - June 27, 2015
- Procuring Cart with merchandise searching, add to cart and checkout

1.7 - June 20, 2015
- Stay Chat backed by Firebase
- Firebase Authentication
- Icons within the Slide Menu

1.6 - June 13, 2015
- Fb API authentication through the use of a everlasting token (no person login is required)
- Fb Web page Albums integration.  The applying creates Picture Albums through the use of the albums and their pictures of the required Fb web page.
- Sharing article to Fb, Twitter, E-mail and every other outlined within the machine service.

1.5 - June 10, 2015
- Fb Consumer Albums integration. The applying masses the Albums the authorised person has uploaded in his Fb account and shows them as Galleries.
- Google Charts integration

1.4 - June 9, 2015
- Place Display which demonstrates the placement service. It's watching and will get and shows the present place of the machine.

1.3 - June 8, 2015
- Pattern screens demonstrating all of the Kind Components and Layouts
- Pattern screens demonstrating Tabs and all their accessible kinds.

1.2 - June 3, 2015
- Fb Graph API integration with examples
- - Login
- - Get person's full title and electronic mail handle
- Instagram API integration with examples
- - Login
- - Get person's latest posts

1.1 - Could 31, 2015
- Vimeo API integration with examples.
- Infinite scroll instance.
- Automate dependencies set up through grunt.

1.0 - Could 17, 2015
- Preliminary launch


Source