
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.
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
- 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
- Obtain the Ionic View app (http://view.ionic.io)
- Use the App ID
241b6d37
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
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
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 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 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
Maintain customers logged in on the app by offering three totally different choices: Fb, Twitter and Google account.
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.
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
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
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
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
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.
Occasions
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
The applying follows the trendy traits of the “Slide menu”.
Stay Radio – Audio Stream
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 is coming with a full working Procuring Cart module which gives a unified add to cart and checkout person expertise.
Firebase Login
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
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.
The applying gives the power of forming Articles by including a novel photograph in any of them.
Merchandise are just like Articles however are supporting a limiteless variety of accompanying pictures. An Picture Slider is created through the use of them.
Gallery integration
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 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 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
The applying authenticates the person and shows its full title and electronic mail handle Fb retains in its information.
Fb – Consumer Albums
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
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.
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 comes with a full working instance the place the AdMob integration is demonstrated.
Social Sharing
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
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
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.
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’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