What’s new in model 2.22:
Youtube assist for each username and channel ID primarily based URLs. Slide menu stays open on vast screens.
What’s new in model 2.21:
Mounted misplaced radio play button on actual units
What’s new in model 2.20:
Migration to the Cloud Consumer Push
Assist us enhance this app in a method that completely is sensible. Recommend the subsequent function you wish to see applied. We’re taking ideas very severely.
Barebone Ionic is the bootstrap you want as a way 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 elements 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 primarily based of distant JSON information
- Infinite Scroll
- Push notification
- Plethora of Type Parts Samples
- Grunt primarily based construct system
- Extraordinarily Modular Structure
- Share articles to social media and some other outlined service
- Stay Chat backed by Firebase
- Purchasing 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 three service suppliers: Twitter, Fb, Google
- PopUp context menu
- Tinder and Swipeable playing cards
- third celebration APIs integration
- Fb (Authentication, Person’s Albums
- Google Charts
- Firebase (Authentication, Stay chat)
- Charge this App in AppStore and Google Play
- AdMob – Google Advertisements
- Native calls
- Make a telephone name
- Put together and e 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 system
- Obtain Android APK v2.22
Preview on iOS and Android – Ionic View
- Obtain the Ionic View app (http://view.ionic.io)
- Use the App ID
Observe: Some options usually are not totally useful for preview on Ionic View. Particularly, those who have to launch one other software of the system akin to “Discover us” which launches system’s Google Maps software. Different examples are “Share” an article and “Ship e mail” options.
Loads of Colour mixtures – Themes
Tens of fastidiously chosen, superior shade schemes to select from: Sq. default, Sq. darkish, Superior, Ocean, Materials indigo, Materials blue, Materials purple, Materials pink, Materials purple, Materials darkish purple. Simply decide the one which fits your model and activate it with a single modification of the associated file.
A totally-functional instance of Stripe fee processor utilization is demonstrated. You possibly can course of bank cards professionally via a checkout kind and make an precise cost by utilizing this instance as a place to begin.
Barebone Ionic can now provide the resolution even for a extra particular type of e-shop! That could be a Restaurant e-shop! Reveal the Restaurant’s menu and let everybody purchase your delicacies in a couple of steps.
An inventory of restaurant menu objects is displayed presenting the merchandise particulars, pictures and value. Additionally, a full-featured buying cart is included in order that the consumer can add/take away the specified menu objects. Then, two supply strategies (residence supply and take away) are supplied and, by the point the method is accomplished, the consumer receives an order affirmation e mail making them conscious of the ordered objects and all the pieces else that’s wanted in line 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 pleasing consumer expertise letting the consumer swipe playing cards proper, left or down. We’re doing our greatest to make you totally conscious of all of the goodies you should use to make your apps even fancier!
Preserve customers logged in on the app by offering three completely 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 data is maintained within the native storage of the app until consumer faucets the “Log 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’re all prepared.
PopUp context menu
Numerous instances views that float above app’s content material are wanted both to indicate extra information concerning the present view, choose a instrument/configuration possibility or current a listing 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 offers 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 function is fastidiously handcrafted.
Is SQLite too advanced to your wants? Persist your app’s information by making the most of Native Storage. Use Barebone Ionic’s pattern code as your start line and get the hold of it very quickly! Native Storage module comes with all the pieces you want.
Suggestions module offers the consumer the choice to compose and ship a report which include, a textual content message, a picture, a video and the geographic location of the system.
Watch a video demonstration
Charge this App
Rankings are useful for locating out the issues of your app and the enhancements you might make. A button from contained in the app makes it fast and straightforward for the consumer to charge the app with out a variety of hoops to leap via. You merely want to offer the url that may permit the consumer open the app immediately and charge it. Apart from, if the consumer doesn’t decide to charge it on their very own, the app itself will immediate the consumer displaying the associated dialog every time they attain the variety of predefined makes use of of the app. As for the configuration, you have to no time as only a single variable must be modified – no additional coding is required.
Watch a video demonstration
Show occasions in a Calendar view. Occasions modules offers a simple strategy to describe Occasion by utilizing a easy JSON construction. All of the information are mechanically be displayed as occasion entries right into a Calendar
The applying follows the trendy developments 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 out there to be used just by defining the URL of your stream.
Barebone Ionic is coming with a full working Purchasing Cart module which offers a unified add to cart and checkout consumer expertise.
- Watch the video
Barebone Ionic is coming with a module which demonstrates the mixing with the Firebase platform. A full working authentication instance is a part of the module.
As soon as the consumer 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 are at present linked to that room. A full historical past of the messages is stored in Firebase.
- Watch the video
The Information, Merchandise and Galleries, itemizing home windows are fetching information from on-line sources by utilizing the JSON protocol. The supply URLs for these listings are set within the software’s configuration file. Pictures, Galleries, texts and complete entries will be up to date by adjusting the distant sources. Nonetheless, rebuilding and re-distributing the appliance usually are not required for fixed updates.
The identical applies for the pins within the stay map too. The customers are in a position so as to add and configure the pin factors simply by adjusting the distant supply.
Articles and merchandise itemizing
Two completely different content material sorts are used and demonstrated in Barebone Ionic.
The applying offers the flexibility of forming Articles by including a novel photograph in any of them.
Merchandise are just like Articles however are supporting a vast variety of accompanying pictures. An Picture Slider is created by utilizing them.
Barebone Ionic comes with an Picture Gallery already built-in. All the photographs are managed by a distant JSON construction. Limitless variety of Galleries is supported and displayed by utilizing three completely different views: Galleries Feed, Gallery’s thumbnail, Pictures View (slide).
Barebone Ionic offers 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.
Barebone Ionic ensures a simple strategy to fetch and show the articles you select from a Drupal web site in a really sensible and speedy method simply by inserting your JSON feed of the articles solely in a single line of the code.
Atom, RSS, or Media RSS feed could possibly be consumed by utilizing 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 playlists is quick and straightforward to be fed into the appliance. 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 playlists is quick and straightforward to be fed into the appliance. 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, a method 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.
A full working instance of the Fb Graph API is built-in into the appliance.
Fb – Person Authentication
The applying authenticates the consumer and shows its full identify and e mail deal with Fb retains in its information.
Fb – Person Albums
As soon as the consumer is authenticated the appliance will get and shows the Albums and their Pictures the consumer has uploaded.
Fb – Web page Albums
The purposes will get the Albums of the required Fb web page and creates pictures galleries by utilizing their pictures.
The authentication methodology of the “everlasting token” is used, so the consumer shouldn’t be requested to login along with his Fb Account.
A full working instance of the Instagram API is built-in into the appliance. The applying authenticates the consumer and shows the current posts he has made in Instagram.
Barebone Ionic comes with a full working instance the place the AdMob integration is demonstrated.
Social sharing is a core function of the appliance. Articles are offering the choice to be shared to Fb, Twitter, by way of e mail or some other registered service.
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 out there within the cellular system. The information which are used for the charts are dealt with fully by the appliance.
Location Service / Gadget’s Location
A full working Location module demonstrates the placement service. It’s watching and will get and shows the present place of the system. Transfer the system and the placement information shall be up to date.
A full working Push notification instance is built-in into the appliance. It comes additionally with detailed directions on configure all the pieces in your finish and have your software able to ship and obtain Push Notifications.
Plethora of Types samples
A plethora of Pattern screens the place all of the out there by the platform kind components and kind layouts are demonstrated.
See the video demonstration
Yeoman Ionic Framework Generator powered
Yeoman Ionic Framework Generator combines the very best practices and options for scaffolding a hybrid software. It makes constructing of a cellular app straightforward and rapidly since Yeoman is built-in with Ionic Framework and Cordova plugin. Additionally, the included Grunt construct system optimizes and automates some essential duties of your workflow.
Barebone Ionic’s extraordinarily modular structure goes to eradicate 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 appliance akin to:
- The RSS feeds
- The Information
- The Galleries
- The URLs for the distant information
Due to this fact, the configuration of the entire options is completed via the providers by which they’re accompanied.
Barebone Ionic relies on the UI components that the Ionic Framework offers. Ionic Framework comes with an in depth and spectacular CSS framework for format styling. Moreover, it handles header components in a really comparable strategy to present libraries you might have used. Headers can be found in many various default shade choices. Including a footer aspect is as straightforward as including a header. Furthermore, Ionic comes with its personal icon library constructed wherein incorporates virtually all the pieces it is best to want. Use Ionic’s UI elements and so they offers you a totally customised and useful UI.
The documentation which is coming with, describes in particulars all the pieces that’s wanted as a way to get began with the app and personalize it.
Are you attention-grabbing in having a number of languages full of this software? Verify our I18N Ionic Utility and be taught how one can make it occur.
2.22 - Oct 20, 2016 - Slide menu stays open on tablets and vast screens - Help for Youtube channel URLs primarily based on each username and channel IDs 2.21 - Oct 13, 2016 - Mounted misplaced radio play button on actual units 2.20 - Sep 09, 2016 - Migration to the Cloud Consumer Push 2.19 - Sep 02, 2016 - Improve Firebase to three.x 2.18 - Could 04, 2016 - Ionic replace to v1.three.zero - 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.four 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. Contains 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 all the time returning Connection.UNKNOWN (Android) - Ionic replace to v1.1.1 - Cordova CLI replace to v5.four.1 - Ionic CLI replace to v1.7.12 - ngCordova replace to v0.1.23-alpha - Help of android variations again to four.zero - 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 set up, run, construct the app. 2.11 - November three, 2015 - Restaurant module. Full working restaurant ordering system. Contains listing of menu objects, buying cart, checkout, supply strategies and affirmation e mail. - README.md replace with improved directions on 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.eight - 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.zero - Cordova CLI replace to v5.three.three - Ionic CLI replace to v1.6.four 2.6 - September 10, 2015 - Person's Suggestions module. This module offers the consumer the choice to compose and ship a report which include, a textual content message, a picture, a video and the geographic location of the system. 2.5 - September eight, 2015 - AdMob integration 2.four - August 7, 2015 - Charge module. Integration of Cordova Apprate Plugin and demonstration of an actual case state of affairs - Replace ngCordova to v0.1.18-alpha. - Specific 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.three - July 31, 2015 - Occasion modules. A display screen which shows Calendar entries in a Occasion/Calendar view has been added. - Community connection verify: The applying verify for community connections earlier than every http request and shows a message if the connection cannot 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.three 2.2 - July 18, 2015 - Repair: Map Show on iOS simulator and units - Ionic CLI replace to v1.6.1 - Ionic replace to v1.zero.1 2.1 - July 11, 2015 - Stay Radio / Audio Stream playback 2.zero - June 27, 2015 - SASS assist - Cordova replace to v5.zero.zero - Ionic replace to v1.5.5. - Repair the "grunt serve" concern duo to model 1.zero.1 of the "grunt-concurrent" module 1.eight - June 27, 2015 - Purchasing Cart with merchandise looking, 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 by utilizing a everlasting token (no consumer login is required) - Fb Web page Albums integration. The applying creates Photograph Albums by utilizing the albums and their pictures of the required Fb web page. - Sharing article to Fb, Twitter, E-mail and some other outlined within the system service. 1.5 - June 10, 2015 - Fb Person Albums integration. The applying masses the Albums the authorised consumer has uploaded in his Fb account and shows them as Galleries. - Google Charts integration 1.four - June 9, 2015 - Place Display which demonstrates the placement service. It's watching and will get and shows the present place of the system. 1.three - June eight, 2015 - Pattern screens demonstrating all of the Type Parts and Layouts - Pattern screens demonstrating Tabs and all their out there types. 1.2 - June three, 2015 - Fb Graph API integration with examples - - Login - - Get consumer's full identify and e mail deal with - Instagram API integration with examples - - Login - - Get consumer's current posts 1.1 - Could 31, 2015 - Vimeo API integration with examples. - Infinite scroll instance. - Automate dependencies set up by way of grunt. 1.zero - Could 17, 2015 - Preliminary launch