Barebone Ionic – Full Application
What’s new in model 2.24:
Tabs with badges. Google Places autocomplete.
What’s new in model 2.23:
Youtube participant stops enjoying within the background when the app is paused.
Upgrade to Ionic 2
Ionic 2 is superior to Ionic 1 – interval! Upgrade to Ionic 2 and luxuriate in its improved efficiency, new elements, highly effective set of Native APIs and lots of extra. Get began now with Barebone Ionic 2, the Swiss Army Knife of Ionic 2!
Visit http://appseed.io/barebone-ionic-2 and select the version that fits your studying and growth wants probably the most.
Feature request
Help us enhance this app in a means that completely is smart. Suggest the next feature you wish to see applied. We are taking solutions very critically.
Introduction
Barebone Ionic is the bootstrap you want with the intention to construct your subsequent extraordinarily modular Ionic utility. It is a properly structured, properly organised and applied, full working app that comes with all of the components a contemporary utility wants. Best practices, confirmed strategies and skilled software program structure are full of a properly crafted design.
At a look
- Slide menu navigation
- Master/Details show of distant JSON knowledge
- Image Galleries primarily based of distant JSON knowledge
- Infinite Scroll
- Push notification
- Plethora of Form Elements Samples
- Grunt primarily based construct system
- Extremely Modular Architecture
- Share articles to social media and another outlined service
- Live Chat backed by Firebase
- Shopping Cart
- Restaurant Ordering
- SASS assist
- Live Radio – Audio Stream
- Calendar View with Events
- Feedback kind with geolocation
- SQLite CRUD instance
- Local Storage CRUD instance
- oAuth pattern using 3 service suppliers: Twitter, Facebook, Google
- PopUp context menu
- Tinder and Swipeable playing cards
- Tabs with badges
- third occasion APIs integration
- WordPress
- Drupal
- YouTube
- Vimeo
- Facebook (Authentication, User’s Albums
- Google Charts
- Firebase (Authentication, Live chat)
- Rate this App in AppRetailer and Google Play
- AdMob – Google Ads
- Google Places autocomplete
- Native calls
- Make a cellphone name
- Prepare and e mail and open the native mailer app
- Open Map utility with a predefined marker
- Send 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
- Download the Ionic View app (http://view.ionic.io)
- Use the App ID
241b6d37
Note: Some options should not absolutely useful for preview on Ionic View. Especially, those who have to launch one other utility of the machine similar to “Find us” which launches machine’s Google Maps utility. Other examples are “Share” an article and “Send e mail” options.
Plenty of Color combos – Themes
Tens of rigorously chosen, superior coloration schemes to select from: Square default, Square darkish, Awesome, Ocean, Material indigo, Material blue, Material crimson, Material pink, Material purple, Material darkish purple. Just decide the one which fits your model and activate it with a single modification of the associated file.
Features
Stripe funds
A totally-useful instance of Stripe cost processor utilization is demonstrated. You can course of bank cards professionally by way of a checkout kind and make an precise cost by utilizing this instance as a place to begin.
Restaurant Menu
Barebone Ionic can now provide the answer even for a extra particular sort of e-store! That is a Restaurant e-store! Demonstrate the Restaurant’s menu and let everybody purchase your delicacies in a couple of steps.
An inventory of restaurant menu gadgets is displayed presenting the merchandise particulars, photos and value. Also, a full-featured purchasing cart is included in order that the person can add/take away the specified menu gadgets. Then, two supply strategies (house supply and take away) are offered and, by the point the method is accomplished, the person receives an order affirmation e mail making them conscious of the ordered gadgets and all the pieces 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 Cards and Swipeable Cards libraries and applies a easy but efficient instance of an pleasant person expertise letting the person swipe playing cards proper, left or down. We are doing our greatest to make you absolutely conscious of all of the goodies you should utilize to make your apps even fancier!
oAuth
Keep customers logged in on the app by offering three totally different choices: Facebook, 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 until person faucets the “Log out” button.
You are just one step away from the configuration of this characteristic. Just set the associated ID of every login supplier and you’re all prepared.
PopUp context menu
Countless instances views that float above app’s content material are wanted both to indicate extra data concerning the present view, choose a device/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 Local 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 the UI required for this function is rigorously handcrafted.
Is SQLite too advanced to your wants? Persist your app’s knowledge by profiting from Local Storage. Use Barebone Ionic’s pattern code as your start line and get the dangle of it very quickly! Local Storage module comes with all the pieces you want.
Feedback
Feedback module gives the person the choice to compose and ship a report which encompass, a textual content message, a picture, a video and the geographic location of the machine.
Watch a video demonstration
Rate this App
Ratings are useful for locating out the issues of your app and the enhancements you can make. A button from contained in the app makes it fast and straightforward for the person to fee the app with out plenty of hoops to leap by way of. You merely want to supply the url that may enable the person open the app immediately and fee it. Besides, if the person doesn’t decide to fee 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 have no time as only a single variable must be modified – no additional coding is required.
Events
Display occasions in a Calendar view. Events modules gives a simple technique to describe Event by utilizing a easy JSON construction. All the data are mechanically be displayed as occasion entries right into a Calendar
Navigation
The utility follows the fashionable traits of the “Slide menu”.
Live Radio – Audio Stream
Stream module will get any reside streaming URL and turns it right into a reside radio display. Everything is already coded so you may make your individual reside streaming radio accessible to be used just by defining the URL of your stream.
Shopping Cart
Barebone Ionic is coming with a full working Shopping 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
Once the person authenticates itself, will get entry to all chat rooms which have been outlined by way of the Firebase backend. When a message is posted, in a room, seems immediately in all the opposite gadgets which are at present linked to that room. A full historical past of the messages is stored in Firebase.
Remote knowledge
The News, Products and Galleries, itemizing home windows are fetching knowledge from on-line sources by utilizing the JSON protocol. The supply URLs for these listings are set within the utility’s configuration file. Images, Galleries, texts and complete entries could be up to date by adjusting the distant sources. Nevertheless, rebuilding and re-distributing the appliance should not required for fixed updates.
The identical applies for the pins within the reside 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 varieties are used and demonstrated in Barebone Ionic.
The utility gives the power of forming Articles by including a singular photograph in any of them.
Products are much like Articles however are supporting an infinite variety of accompanying photos. An Image Slider is created by utilizing them.
Gallery integration
Barebone Ionic comes with an Image Gallery already built-in. All the pictures are managed by a distant JSON construction. Unlimited variety of Galleries is supported and displayed by utilizing three totally different views: Galleries Feed, Gallery’s thumbnail, Images 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 simple technique to fetch and show the articles you select from a Drupal web site in a really sensible and speedy method simply by putting your JSON feed of the articles solely in a single line of the code.
RSS
Atom, RSS, or Media RSS feed may very well 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 offered
YouTube
Youtube playlists is quick and straightforward to be fed into the appliance. You solely have to do two easy steps:
- Provide the Youtube account username and
- Provide your API key in a single code line
All 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 appliance. You solely have to do two easy steps:
- Provide the Vimeo account username and
- Provide your API key in a single code line
All the complexity behind the communication with the Vimeo API is taken look after you already.
Infinite Scroll
Infinite Scroll, a method that load paginated knowledge mechanically if you are scrolling is demonstrated. Best practices relating to its implementation can be found within the Vimeo movies itemizing screens.
A full working instance of the Facebook Graph API is built-in into the appliance.
Facebook – User Authentication
The utility authenticates the person and shows its full title and e mail handle Facebook retains in its data.
Facebook – User Albums
Once the person is authenticated the appliance will get and shows the Albums and their Photos the person has uploaded.
Facebook – Page Albums
The functions will get the Albums of the desired Facebook web page and creates photos galleries by utilizing their photos.
The authentication methodology of the “everlasting token” is used, so the person shouldn’t be requested to login together with his Facebook Account.
A full working instance of the Instagram API is built-in into the appliance. The utility 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 characteristic of the appliance. Articles are offering the choice to be shared to Facebook, Twitter, by way of e mail or another registered service.
Google Charts
A Charts module is a part of the Barebone Ionic utility. 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 cellular machine. The knowledge which are used for the charts are dealt with fully by the appliance.
Location Service / Device’s Location
A full working Location module demonstrates the placement service. It is watching and will get and shows the present place of the machine. Move the machine and the placement knowledge can be up to date.
Push notification
A full working Push notification instance is built-in into the appliance. It comes additionally with detailed directions on the way to configure all the pieces in your finish and have your utility able to ship and obtain Push Notifications.
Plethora of Forms samples
A plethora of Sample screens the place all of the accessible by the platform kind components and kind layouts are demonstrated.
Architecture
Yeoman Ionic Framework Generator powered
Yeoman Ionic Framework Generator combines the perfect practices and options for scaffolding a hybrid utility. It makes constructing of a cellular app simple and shortly since Yeoman is built-in with Ionic Framework and Cordova plugin. Also, 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 properly-organised into modules to make configuration even simpler. A configuration file is chargeable for every characteristic of the appliance similar to:
- The RSS feeds
- The News
- The Galleries
- The URLs for the distant knowledge
Therefore, the configuration of the entire options is completed by way of the companies by which they’re accompanied.
Ionic design
Barebone Ionic is predicated on the UI components that the Ionic Framework gives. Ionic Framework comes with an in depth and spectacular CSS framework for format styling. Furthermore, it handles header components in a really related technique to current libraries you might have used. Headers can be found in many various default coloration choices. Adding a footer aspect is as simple as including a header. Moreover, Ionic comes with its personal icon library constructed during which incorporates virtually all the pieces it is best to want. Use Ionic’s UI elements and so they gives you a completely customised and useful UI.
Documentation
The documentation which is coming with, describes in particulars all the pieces that’s wanted with the intention to get began with the app and personalize it.
Multilingual assist
Are you fascinating in having a number of languages full of this utility? Check our I18N Ionic Application and be taught how one can make it occur.
Change log
2.24 - Mar 23, 2017 - Google Places 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 vast screens - Support for Youtube channel URLs primarily based on each username and channel IDs 2.21 - Oct 13, 2016 - Fixed misplaced radio play button on actual gadgets 2.20 - Sep 09, 2016 - Migration to the Cloud Client Push 2.19 - Sep 02, 2016 - Upgrade Firebase to three.x 2.18 - May 04, 2016 - Ionic replace to v1.3.0 - Fix on exhibiting a pin and setting the vacation spot on Android's maps app - Fix 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 house display 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 - Email composer repair for Android 6 2.15 - January 12. 2015 - Example of Stripe cost processor utilization. Includes checkout and cost of bank card 2.14 - January 04, 2015 - Four 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 - Usage 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 - Fix on ConnectionSort 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 - Support of android variations again to 4.0 - Replacement of AdMob plugin with AdMob Pro - Plugins replace - Improved set up course of for Win/Linux/MacOS - README.md replace with improved directions on the way to set up, run, construct the app. 2.11 - November 3, 2015 - Restaurant module. Full working restaurant ordering system. Includes listing of menu gadgets, purchasing cart, checkout, supply strategies and affirmation e mail. - README.md replace with improved directions on the way to set up, run, construct the app. 2.10 - October 18, 2015 - Local-storage module. Full working Local-storage CRUD instance - Tinder Cards module. Tinder playing cards full working demonstration. - Swipeable 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, Facebook and Google as service suppliers - PopOver context (proper) menu 2.8 - October 6, 2015 - Utilization of the Transport Security 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 - User's Feedback module. This module gives the person the choice to compose and ship a report which encompass, 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 - Rate 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 by way of Ionic View 2.3 - July 31, 2015 - Event modules. A display which shows Calendar entries in a Event/Calendar view has been added. - Network connection verify: The utility 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.3 2.2 - July 18, 2015 - Fix: Map Display on iOS simulator and gadgets - Ionic CLI replace to v1.6.1 - Ionic replace to v1.0.1 2.1 - July 11, 2015 - Live Radio / Audio Stream playback 2.0 - June 27, 2015 - SASS assist - Cordova replace to v5.0.0 - Ionic replace to v1.5.5. - Fix the "grunt serve" challenge duo to model 1.0.1 of the "grunt-concurrent" module 1.8 - June 27, 2015 - Shopping Cart with merchandise shopping, add to cart and checkout 1.7 - June 20, 2015 - Live Chat backed by Firebase - Firebase Authentication - Icons within the Slide Menu 1.6 - June 13, 2015 - Facebook API authentication by utilizing a everlasting token (no person login is required) - Facebook Page Albums integration. The utility creates Photo Albums by utilizing the albums and their photos of the desired Facebook web page. - Sharing article to Facebook, Twitter, Email and another outlined within the machine service. 1.5 - June 10, 2015 - Facebook User Albums integration. The utility masses the Albums the authorised person has uploaded in his Facebook account and shows them as Galleries. - Google Charts integration 1.4 - June 9, 2015 - Position Screen which demonstrates the placement service. It is watching and will get and shows the present place of the machine. 1.3 - June 8, 2015 - Sample screens demonstrating all of the Form Elements and Layouts - Sample screens demonstrating Tabs and all their accessible types. 1.2 - June 3, 2015 - Facebook Graph API integration with examples - - Login - - Get person's full title and e mail handle - Instagram API integration with examples - - Login - - Get person's latest posts 1.1 - May 31, 2015 - Vimeo API integration with examples. - Infinite scroll instance. - Automate dependencies set up by way of grunt. 1.0 - May 17, 2015 - Initial launch
