Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/vagnersabadi/Awesome

A collection of awesome IonicFramework resources and shiny things.
https://github.com/vagnersabadi/Awesome
List: Awesome
awesome-list ionic ionic-framework
Last synced: 23 days ago
JSON representation
A collection of awesome IonicFramework resources and shiny things.
Host: GitHub
URL: https://github.com/vagnersabadi/Awesome
Owner: vagnersabadi
Created: 2018-09-10T20:16:31.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2018-09-02T14:40:49.000Z (over 6 years ago)
Last Synced: 2024-05-23T00:01:22.454Z (7 months ago)
Topics: awesome-list, ionic, ionic-framework
Language: Shell
Homepage: https://ionic-toolbox.github.io/Awesome/
Size: 19.9 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

ultimate-awesome - Awesome - A collection of awesome IonicFramework resources and shiny things. (Programming Language Lists / JavaScript Lists)
README

        
# Awesome Ionic

> A collection of awesome [IonicFramework](http://ionicframework.com) resources and shiny things.

# Credits goes to

* https://github.com/theho/awesome-ionic2

* https://github.com/Alexintosh/Awesome-Ionic

* https://github.com/candelibas/awesome-ionic

* https://github.com/lanceli/awesome-ionic

# Awesome Ionic

| Ionic 3 | Ionic 4 | Description |

| :- | :- | :- |

| **General** |**General**||

|[v3](http://ionicframework.com)|[v4](http://ionicframework.com) |[Official Website](http://ionicframework.com)||

|[v3](http://ionicframework.com/docs/)||[Documents](http://ionicframework.com/docs/)||

|[v3](https://github.com/ionic-team/ionic)||[Github Repository](https://github.com/ionic-team/ionic)||

|[v3](http://blog.ionic.io/)||[Blog](http://blog.ionic.io/)||

|[v3](http://ionicframework.com/docs/getting-started/)||[Getting Started Guide](http://ionicframework.com/docs/getting-started/)||

|[v3](https://github.com/ionic-team/ionic-native/)||[Ionic Native](https://github.com/ionic-team/ionic-native/)||

|[v3](http://showcase.ionicframework.com/)||[Showcase](http://showcase.ionicframework.com/)||

|[v3](http://learn.ionicframework.com/)||[Learn Ionic](http://learn.ionicframework.com/)||

|[v3](http://codepen.io/ionic/)||[Ionic on CodePen](http://codepen.io/ionic/)||

|[v3](http://forum.ionicframework.com/)||[Community Forum](http://forum.ionicframework.com/)||

|[v3](http://webchat.freenode.net/?randomnick=1&channels=%23ionic&uio=d4)||[Ionic IRC](http://webchat.freenode.net/?randomnick=1&channels=%23ionic&uio=d4)||

|[v3](https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw)||[Ionic Youtube Channel](https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw)||

|**Links**||**Links**

[v3](https://github.com/juarezpaf/ionic-adventures)| |[List of interesting links - Ionic Adventures](https://github.com/juarezpaf/ionic-adventures)|

|**Tools**|| 

|[v3](https://www.npmjs.com/package/ionic)||[The Ionic command line utility](https://www.npmjs.com/package/ionic)|||

|[v3](http://ionicons.com/)||[Ionicons - The premium icon font for Ionic](http://ionicons.com/)|||

|[v3](http://ngcordova.com/)||[A collection of AngularJS extensions on top of the Cordova API](http://ngcordova.com/)||

|[v3](http://apps.ionic.io/view-app)||[Ionic View - Test and share your ionic app on iPhone without needing a Mac](http://apps.ionic.io/view-app)|||

|[v3](https://github.com/diegonetto/generator-ionic)||[Yeoman generator for Ionic](https://github.com/diegonetto/generator-ionic)|||Ionic Framework generator|

|[v3](https://github.com/ionic-team/ionic-box)||[Vagrant box for ionic](https://github.com/ionic-team/ionic-box)|||

|[v3](https://github.com/imsingh/ionic-sublime-plugin)||[Sublime text Plugin](https://github.com/imsingh/ionic-sublime-plugin)||

|[v3](https://marketplace.visualstudio.com/items?itemName=jgw9617.ionic2-vscode)||[Ionic2-vscode](https://marketplace.visualstudio.com/items?itemName=jgw9617.ionic2-vscode)||

|[v3](https://github.com/akz92/vim-ionic2)||[Vim-ionic2](https://github.com/akz92/vim-ionic2)||

|**Tutorials**|**Articles**||

|[v3](http://ionicframework.com/blog/authentication-in-ionic/)||[Adding Auth to your Ionic app in 5 mins with Auth0](http://ionicframework.com/blog/authentication-in-ionic/)||

|[v3](http://melvin0008.github.io/blog/ionic-socketio-chat/)||[Build your own chat app](http://melvin0008.github.io/blog/ionic-socketio-chat/)||

|[v3](http://www.sitepoint.com/creating-firebase-powered-end-end-ionic-application/)||[Creating a Firebase Powered End to End Ionic Application](http://www.sitepoint.com/creating-firebase-powered-end-end-ionic-application/)||

|[v3](http://www.htmlxprs.com/post/6/creating-a-realtime-image-sharing-app-with-ionic-and-socketio-tutorial)||[Creating a Realtime Image Sharing App](http://www.htmlxprs.com/post/6/creating-a-realtime-image-sharing-app-with-ionic-and-socketio-tutorial)||

|[v3](http://mcgivery.com/using-custom-url-schemes-ionic-framework-app/)||[Custom URL Schemes](http://mcgivery.com/using-custom-url-schemes-ionic-framework-app/)||

|[v3](https://blog.nraboy.com/2015/01/deploy-ionic-framework-app-pre-filled-sqlite-db/)||[Deploy Ionic Framework App With Pre-Filled SQLite DB](https://blog.nraboy.com/2015/01/deploy-ionic-framework-app-pre-filled-sqlite-db/)||

|[v3](https://www.thepolyglotdeveloper.com/2014/11/playing-audio-android-ios-ionicframework-app/)||[How to play audio](https://www.thepolyglotdeveloper.com/2014/11/playing-audio-android-ios-ionicframework-app/)||

|[v3](https://www.airport-parking-shop.co.uk/blog/built-app-2-weeks-using-ionic-framework/)||[How we built our app in 2 weeks using Ionic Framework](https://www.airport-parking-shop.co.uk/blog/built-app-2-weeks-using-ionic-framework/)||

|[v3](http://mcgivery.com/internationalization-of-an-ionic-app-multilanguage-support/)||[Internationalization of an Ionic App: Multilanguage Support](http://mcgivery.com/internationalization-of-an-ionic-app-multilanguage-support/)||

|[v3](https://www.youtube.com/watch?v=4UbAC8PEQHY)||[Let Your Ionic App Move With Move.js](https://www.youtube.com/watch?v=4UbAC8PEQHY)||

|[v3](http://devdactic.com/lock-pattern-login-ionic/)||[Making a Lock Pattern Login](http://devdactic.com/lock-pattern-login-ionic/)||

|[v3](https://www.youtube.com/watch?v=KpBEyvGA0OE)||[Making a Signature Drawpad](https://www.youtube.com/watch?v=KpBEyvGA0OE)||

|[v3](https://thinkster.io/ionic-framework-tutorial/)||[Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps](https://thinkster.io/ionic-framework-tutorial/)||

|[v3](http://mcgivery.com/preload-images-ionic/?utm_content=bufferf9a09&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer)||[Preload images in Ionic using $ImageCacheFactory](http://mcgivery.com/preload-images-ionic/?utm_content=bufferf9a09&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer)||

|[v3](https://www.airpair.com/ionic-framework/posts/production-ready-apps-with-ionic-framework)||[Production ready apps with Ionic Framework](https://www.airpair.com/ionic-framework/posts/production-ready-apps-with-ionic-framework)||

|[v3](http://devgirl.org/2014/12/16/push-notifications-sample-app-with-ionic-and-ngcordova/)||[Push Notifications Sample App with Ionic and ngCordova](http://devgirl.org/2014/12/16/push-notifications-sample-app-with-ionic-and-ngcordova/)||

|[v3](http://mcgivery.com/structure-of-an-ionic-app/)||[Structure of an Ionic App](http://mcgivery.com/structure-of-an-ionic-app/)||

|[v3](http://devgirl.org/2014/12/30/sync-data-using-pouchdb-in-your-ionic-framework-app/)||[Sync Data Using PouchDB In Your Ionic Framework App](http://devgirl.org/2014/12/30/sync-data-using-pouchdb-in-your-ionic-framework-app/)||

|[v3](https://www.thepolyglotdeveloper.com/2015/01/upload-files-remote-server-using-ionic-framework/)||[Upload Files To A Remote Server](https://www.thepolyglotdeveloper.com/2015/01/upload-files-remote-server-using-ionic-framework/)||

|[v3](http://mcgivery.com/ionic-using-factories-and-web-services-for-dynamic-data/)||[Using Factories and Web Services](http://mcgivery.com/ionic-using-factories-and-web-services-for-dynamic-data/)||

|[v3](https://weblogs.asp.net/soever/ionictypescript)||[Using Typescript with Ionic](https://weblogs.asp.net/soever/ionictypescript)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/)||[Ionic Framework Tutorial form ccoenraets](http://ccoenraets.github.io/ionic-tutorial/)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/install-ionic.html)||[Installing Ionic](http://ccoenraets.github.io/ionic-tutorial/install-ionic.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/start-node-server.html)||[Starting the Node Server](http://ccoenraets.github.io/ionic-tutorial/start-node-server.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/create-ionic-application.html)||[Creating an Ionic Application](http://ccoenraets.github.io/ionic-tutorial/create-ionic-application.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/create-angular-service.html)||[Creating the Session Service](http://ccoenraets.github.io/ionic-tutorial/create-angular-service.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/create-angular-controller.html)||[Creating the Session Controllers](http://ccoenraets.github.io/ionic-tutorial/create-angular-controller.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/create-ionic-template.html)||[Creating Templates](http://ccoenraets.github.io/ionic-tutorial/create-ionic-template.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/angular-ui-router.html)||[Routing](http://ccoenraets.github.io/ionic-tutorial/angular-ui-router.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/build-ionic-project.html)||[Building the Project](http://ccoenraets.github.io/ionic-tutorial/build-ionic-project.html)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/ionic-facebook-integration.html)||[Facebook Integration](http://ccoenraets.github.io/ionic-tutorial/ionic-facebook-integration.html)||

|**Ionic 2 Fundamentals**||

|[v3](http://www.joshmorony.com/beginners-guide-to-getting-started-with-ionic-2/)||[Beginners Guide to Getting Started with Ionic 2](http://www.joshmorony.com/beginners-guide-to-getting-started-with-ionic-2/)||

|[v3](http://www.joshmorony.com/ionic-2-first-look-series-your-first-ionic-2-app-explained/)||[Ionic 2 First Look Series: Your First Ionic 2 App Explained](http://www.joshmorony.com/ionic-2-first-look-series-your-first-ionic-2-app-explained/)||

|[v3](http://www.joshmorony.com/how-to-convert-an-ionic-1-application-to-ionic-2/)||[How to Convert an Ionic 1 Application to Ionic 2](http://www.joshmorony.com/how-to-convert-an-ionic-1-application-to-ionic-2/)||

|[v3](http://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/)||[A Simple Guide to Navigation in Ionic 2](http://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/)||

|[v3](http://blog.ionic.io/10-minutes-with-ionic-2-adding-pages-and-navigation/)||[10 Minutes with Ionic 2: Adding Pages and Navigation](http://blog.ionic.io/10-minutes-with-ionic-2-adding-pages-and-navigation/)||

|[v3](http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/)||[10 Minutes with Ionic 2: Calling an API](http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/)||

|[v3](http://www.gajotres.net/ionic-2-how-to-update-your-application-project-and-cli/)||[How To Update Your Application Project and CLI](http://www.gajotres.net/ionic-2-how-to-update-your-application-project-and-cli/)||

|[v3](http://www.joshmorony.com/how-to-create-a-data-model-in-ionic-2/)||[How to Create a Data Model in Ionic 2](http://www.joshmorony.com/how-to-create-a-data-model-in-ionic-2/)||

|[v3](http://mhartington.io/post/ionic2-external-libraries/)||[Ionic 2 and External Libraries](http://mhartington.io/post/ionic2-external-libraries/)||

|[v3](http://www.joshmorony.com/understanding-zones-and-change-detection-in-ionic-2-angular-2/)||[Understanding Zones and Change Detection](http://www.joshmorony.com/understanding-zones-and-change-detection-in-ionic-2-angular-2/)||

|[v3](http://mcgivery.com/understanding-ionic-2-pipe/)||[Understanding Ionic 2: Pipe](http://mcgivery.com/understanding-ionic-2-pipe/)||

|**Theming**||

|[v3](http://www.joshmorony.com/a-guide-to-styling-an-ionic-2-application/)||[A Guide to Styling an Ionic 2 Application](http://www.joshmorony.com/a-guide-to-styling-an-ionic-2-application/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/03/use-font-awesome-icons-in-your-ionic-2-android-and-ios-app/)||[Use Font Awesome Icons In Your Ionic 2 Android And iOS App](https://www.thepolyglotdeveloper.com/2016/03/use-font-awesome-icons-in-your-ionic-2-android-and-ios-app/)||

|**Authentication**||

|[v3](https://www.thepolyglotdeveloper.com/2016/03/add-touch-id-authentication-ionic-2-mobile-app/)||[Add Touch ID Authentication To An Ionic 2 Mobile App](https://www.thepolyglotdeveloper.com/2016/03/add-touch-id-authentication-ionic-2-mobile-app/)||

|[v3](https://auth0.com/authenticate/ionic2/wordpress)||[Authenticate Ionic 2 with WordPress](https://auth0.com/authenticate/ionic2/wordpress)||

|[v3](http://www.gajotres.net/ionic-2-handling-a-simple-user-authorization/)||[Handling a Simple User Authorization](http://www.gajotres.net/ionic-2-handling-a-simple-user-authorization/)||

|[v3](http://blog.ionic.io/ionic-2-and-auth0/)||[Ionic 2 and Auth0](http://blog.ionic.io/ionic-2-and-auth0/)||

|[v3](https://github.com/sahat/satellizer)||[Token-based AngularJS Authentication](https://github.com/sahat/satellizer)|||Satellizer|

|[v3](http://www.gajotres.net/ionic-2-succesfull-oauth-social-login-with-firebase/)||[Successful OAuth Social Login with Firebase](http://www.gajotres.net/ionic-2-succesfull-oauth-social-login-with-firebase/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/01/using-an-oauth-2-0-service-within-an-ionic-2-mobile-app/)||[Using An Oauth 2.0 Service Within An Ionic 2 Mobile App](https://www.thepolyglotdeveloper.com/2016/01/using-an-oauth-2-0-service-within-an-ionic-2-mobile-app/)||

|**Unit Testing**|

|[v3](http://lathonez.github.io/2016/ionic-2-unit-testing/)||[Ionic 2 Unit Testing](http://lathonez.github.io/2016/ionic-2-unit-testing/)||

|[v3](http://www.joshmorony.com/how-to-unit-test-an-ionic-2-application/)||[How to Unit Test an Ionic 2 Application](http://www.joshmorony.com/how-to-unit-test-an-ionic-2-application/)||

|[v3](http://bradb.net/unit-testing-with-the-ionic-framework/)||[Article](http://bradb.net/unit-testing-with-the-ionic-framework/)||

|[v3](http://forum.ionicframework.com/t/ionic-and-karma-unittest/8799)||[Karma UnitTest](http://forum.ionicframework.com/t/ionic-and-karma-unittest/8799)||

|[v3](http://appium.io/)||[Appium - an open source test automation framework](http://appium.io/)||

|**Backend as a Service**||

|[v3](http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/)||[10 Minutes with Ionic 2: Calling an API](http://blog.ionic.io/10-minutes-with-ionic-2-calling-an-api/)||

|[v3](http://www.sitepoint.com/creating-firebase-powered-end-end-ionic-application/)||[Firebase Example](http://www.sitepoint.com/creating-firebase-powered-end-end-ionic-application/)||

|[v3](http://www.clearlyinnovative.com/integrating-firebase-with-angularfire2-into-angularjs-ionic2)||[Integrating Firebase with AngularFire2 into AngularJS & Ionic2](http://www.clearlyinnovative.com/integrating-firebase-with-angularfire2-into-angularjs-ionic2)||

|[v3](https://www.thepolyglotdeveloper.com/2016/01/make-http-requests-in-an-ionic-2-android-and-ios-app/)||[Make HTTP Requests In An Ionic 2 Android And iOS App](https://www.thepolyglotdeveloper.com/2016/01/make-http-requests-in-an-ionic-2-android-and-ios-app/)||

|[v3](http://www.gajotres.net/ionic-2-making-rest-http-requests-like-a-pro/)||[Making REST HTTP Requests Like a Pro](http://www.gajotres.net/ionic-2-making-rest-http-requests-like-a-pro/)||

|[v3](http://www.htmlxprs.com/post/12/tutorial-on-using-parse-rest-api-and-ionic-framework-together)||[Parse REST API tutorial](http://www.htmlxprs.com/post/12/tutorial-on-using-parse-rest-api-and-ionic-framework-together)||

|[v3](https://github.com/giorgiofellipe/ionic-angular-parse-boilerplate)||[Parse Sample App - using angular-parse lib](https://github.com/giorgiofellipe/ionic-angular-parse-boilerplate)||

|[v3](http://www.nikola-breznjak.com/blog/ionic2/posting-data-from-ionic-2-app/)||[Posting data from Ionic 2 app to a PHP server](http://www.nikola-breznjak.com/blog/ionic2/posting-data-from-ionic-2-app/)||

|[v3](https://www.thepolyglotdeveloper.com/2014/12/syncing-data-firebase-using-ionic-framework/)||[Syncing Data With Firebase](https://www.thepolyglotdeveloper.com/2014/12/syncing-data-firebase-using-ionic-framework/)||

|[v3](http://www.joshmorony.com/using-http-to-fetch-remote-data-from-a-server-in-ionic-2/)||[Using Http to Fetch Remote Data from a Server in Ionic 2](http://www.joshmorony.com/using-http-to-fetch-remote-data-from-a-server-in-ionic-2/)||

|[v3](https://github.com/aidancasey/Azure-Ionic-App)||[Sample todo list app storing data in windows azure](https://github.com/aidancasey/Azure-Ionic-App)|||Windows Azure Mobile Services Backend|

|**i18n**|**l10n**||

|[v3](http://www.gajotres.net/ionic-2-internationalize-and-localize-your-app-with-angular-2/)||[Internationalize and Localize Your App With Angular 2](http://www.gajotres.net/ionic-2-internationalize-and-localize-your-app-with-angular-2/)||

|**Video Tutorials**||

|[v3](https://www.udemy.com/ionic-2-quickstart/)||[Ionic 2 Quickstart](https://www.udemy.com/ionic-2-quickstart/)||

|[v3](http://www.joshmorony.com/build-a-todo-app-from-scratch-with-ionic-2-video-tutorial/)||[Build a Todo App from Scratch with Ionic 2](http://www.joshmorony.com/build-a-todo-app-from-scratch-with-ionic-2-video-tutorial/)||

|[v3](http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/)||[Ionic 2: How to Use Google Maps & Geolocation](http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/)||

|[v3](http://courses.devdactic.com/courses/ionic-2-in-one-hour?product_id=104238)||[Ionic 2 in One Hour](http://courses.devdactic.com/courses/ionic-2-in-one-hour?product_id=104238)||

|**Social login**|**oAuth**||

|[v3](https://oauth.io/)||[auth.io](https://oauth.io/)||

|[v3](http://ccoenraets.github.io/ionic-tutorial/ionic-facebook-integration.html)||[Facebook Integration](http://ccoenraets.github.io/ionic-tutorial/ionic-facebook-integration.html)||

|**Push Notifications**||

|[v3](http://devgirl.org/2014/12/16/push-notifications-sample-app-with-ionic-and-ngcordova/)||[Sample App](http://devgirl.org/2014/12/16/push-notifications-sample-app-with-ionic-and-ngcordova/)||

|[v3](https://github.com/hollyschinsky/PushNotificationSample)||[Push Notification Sample App](https://github.com/hollyschinsky/PushNotificationSample)||

|**Database**||

|[v3](https://www.thepolyglotdeveloper.com/2015/01/deploy-ionic-framework-app-pre-filled-sqlite-db/)||[SQLlite - Deploy App with prefilled Database](https://www.thepolyglotdeveloper.com/2015/01/deploy-ionic-framework-app-pre-filled-sqlite-db/)||

|[v3](http://devgirl.org/2014/12/30/sync-data-using-pouchdb-in-your-ionic-framework-app/)||[Sync Data Using PouchDB](http://devgirl.org/2014/12/30/sync-data-using-pouchdb-in-your-ionic-framework-app/)||

|[v3](http://masteringionic.com/blog/2018-01-23-importing-exporting-sqlite-data-for-ionic-framework-mobile-apps/)||[Importing & exporting SQLite data for Ionic Framework mobile apps](http://masteringionic.com/blog/2018-01-23-importing-exporting-sqlite-data-for-ionic-framework-mobile-apps/)|

|[v3](https://ionicacademy.com/store-data-inside-ionic/)||[How to Store Data inside Ionic Apps](https://ionicacademy.com/store-data-inside-ionic/)|

|**Components**||

|[v3](https://github.com/rajeshwarpatlolla/ionic-datepicker)||[Date picker](https://github.com/rajeshwarpatlolla/ionic-datepicker)||

|[v3](http://www.joshmorony.com/ionic-2-how-to-create-a-sliding-delete-button-for-lists/)||[How to Create a Sliding Delete Button for Lists](http://www.joshmorony.com/ionic-2-how-to-create-a-sliding-delete-button-for-lists/)||

|[v3](http://www.joshmorony.com/creating-a-sliding-introduction-component-in-ionic-2/)||[Creating a Sliding Introduction Component in Ionic 2](http://www.joshmorony.com/creating-a-sliding-introduction-component-in-ionic-2/)||

|[v3](http://www.joshmorony.com/how-to-create-a-custom-loading-component-in-ionic-2/)||[How to Create a Custom Loading Component in Ionic 2](http://www.joshmorony.com/how-to-create-a-custom-loading-component-in-ionic-2/)||

|**Apps**|**Examples**||

|[v3](http://coenraets.org/blog/2015/01/belgian-beer-explorer-with-angularjs-and-ionic/)||[Belgian Beer Explorer](http://coenraets.org/blog/2015/01/belgian-beer-explorer-with-angularjs-and-ionic/)||

|[v3](https://cnodejs.org)||[CNodeJS](https://cnodejs.org)||[v3](https://github.com/lanceli/cnodejs-ionic)|The mobile app of [https://cnodejs.org|[](https://github.com/lanceli/cnodejs-ionic)|

|[v3](https://github.com/GrumpyWizards/Convergence)||[Convergence - A fun game](https://github.com/GrumpyWizards/Convergence)||

|[v3](https://github.com/aggarwalankush/ionic2-push-base)||[Ionic 2 Push Notification](https://github.com/aggarwalankush/ionic2-push-base)||

|[v3](https://github.com/aggarwalankush/ionic2-mosum)||[Ionic 2 Weather app](https://github.com/aggarwalankush/ionic2-mosum)||

|[v3](https://github.com/melvin0008/ionic-socketio-chat-client/)||[Chat application made using ionic and socketio](https://github.com/melvin0008/ionic-socketio-chat-client/)|||Ionic Chat application|

|[v3](https://github.com/ionic2blueprints/conference-app)||[Ionic Conference App based on Lanyrd API](https://github.com/ionic2blueprints/conference-app)||

|[v3](https://github.com/ionic-team/ionic-conference-app)||[Ionic Conference App](https://github.com/ionic-team/ionic-conference-app)||

|[v3](https://github.com/ionic2blueprints/ionic2-marketcloud)||[Ionic Ecommerce App](https://github.com/ionic2blueprints/ionic2-marketcloud)||

|[v3](https://github.com/ionic2blueprints/firebase-chat)||[Ionic Firebase Chat App](https://github.com/ionic2blueprints/firebase-chat)||

|[v3](https://github.com/ionic-team/front-page)||[Ionic Hacker News](https://github.com/ionic-team/front-page)||

|[v3](https://github.com/ionic2blueprints/media-player)||[Ionic Media Player](https://github.com/ionic2blueprints/media-player)||

|[v3](https://github.com/ionic2blueprints/social-app)||[Ionic Social App](https://github.com/ionic2blueprints/social-app)||

|[v3](https://github.com/ionic2blueprints/ionic2-stockmarket)||[Ionic Stock Tracking App](https://github.com/ionic2blueprints/ionic2-stockmarket)||

|[v3](https://github.com/ionic-team/ionic-weather)||[Ionic Weather App](https://github.com/ionic-team/ionic-weather)||

|[v3](https://github.com/ionic2blueprints/ionic2-wp-client)||[Ionic Wordpress Client](https://github.com/ionic2blueprints/ionic2-wp-client)||

|[v3](https://github.com/ccoenraets/ionic2-realty)||[Ionic 2 Realty](https://github.com/ccoenraets/ionic2-realty)||

|[v3](https://github.com/gsabater/Pocket-Lines)||[Transports app for Palma de Mallorca](https://github.com/gsabater/Pocket-Lines)||

|[v3](https://github.com/Alexintosh/Protokit)||[A prototype kit](https://github.com/Alexintosh/Protokit)||

|[v3](https://github.com/hollyschinsky/PushNotificationSample)||[Push Notification Sample App](https://github.com/hollyschinsky/PushNotificationSample)||

|**Starter**|**Template**||

|[v3](https://github.com/ionic-team/ionic-starter-tabs)||[tabs](https://github.com/ionic-team/ionic-starter-tabs)||

|[v3](https://github.com/ionic-team/ionic-starter-sidemenu)||[sidemenu](https://github.com/ionic-team/ionic-starter-sidemenu)||

|[v3](https://github.com/ionic-team/ionic-starter-blank)||[blank](https://github.com/ionic-team/ionic-starter-blank)||

|[v3](https://github.com/ionic-team/ionic-starter-salesforce)||[salesforce](https://github.com/ionic-team/ionic-starter-salesforce)||

|[v3](https://github.com/ionic-team/ionic-starter-maps)||[maps](https://github.com/ionic-team/ionic-starter-maps)||

|**Books**||

|[v3](http://www.amazon.it/Stack-Mobile-Ionic-Framework-English-ebook/dp/B00QF1H380/ref=sr_1_1?ie=UTF8&qid=1423560887&sr=8-1&keywords=full+stack+ionic)||[Full Stack Mobile App with Ionic Framework](http://www.amazon.it/Stack-Mobile-Ionic-Framework-English-ebook/dp/B00QF1H380/ref=sr_1_1?ie=UTF8&qid=1423560887&sr=8-1&keywords=full+stack+ionic)||

|[v3](http://www.amazon.it/Getting-Started-Ionic-Rahat-Khanna-ebook/dp/B016MWRF16/ref=sr_1_1?ie=UTF8&qid=1458563408&sr=8-1&keywords=Getting+Started+with+Ionic)||[Getting Started with Ionic](http://www.amazon.it/Getting-Started-Ionic-Rahat-Khanna-ebook/dp/B016MWRF16/ref=sr_1_1?ie=UTF8&qid=1458563408&sr=8-1&keywords=Getting+Started+with+Ionic)||

|[v3](https://www.packtpub.com/application-development/hybrid-mobile-development-ionic)||[Hybrid Mobile Development with Ionic](https://www.packtpub.com/application-development/hybrid-mobile-development-ionic)||

|[v3](http://www.amazon.it/Ionic-Framework-Example-Sani-Yusuf-ebook/dp/B01AJST0W6/ref=sr_1_1?ie=UTF8&qid=1458563315&sr=8-1&keywords=Ionic+Framework+By+Example)||[Ionic Framework By Example](http://www.amazon.it/Ionic-Framework-Example-Sani-Yusuf-ebook/dp/B01AJST0W6/ref=sr_1_1?ie=UTF8&qid=1458563315&sr=8-1&keywords=Ionic+Framework+By+Example)||

|[v3](http://www.manning.com/wilken/?a_aid=ionicinaction)||[Ionic in Action](http://www.manning.com/wilken/?a_aid=ionicinaction)||

|[v3](http://www.manning.com/wilken/?a_aid=ionicinaction)||[Ionic in Action](http://www.manning.com/wilken/?a_aid=ionicinaction)||

|[v3](http://www.amazon.it/Learning-Ionic-Arvind-Ravulavaru/dp/1783552603/ref=sr_1_1?ie=UTF8&qid=1458563232&sr=8-1&keywords=Learning+Ionic)||[learning ionic](http://www.amazon.it/Learning-Ionic-Arvind-Ravulavaru/dp/1783552603/ref=sr_1_1?ie=UTF8&qid=1458563232&sr=8-1&keywords=Learning+Ionic)||

|**Cordova**|**Plugins**||

|[v3](http://blog.ionic.io/10-minutes-with-ionic-2-using-the-camera-with-ionic-native/)||[10 Minutes with Ionic 2: Using the Camera with Ionic Native](http://blog.ionic.io/10-minutes-with-ionic-2-using-the-camera-with-ionic-native/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/02/add-barcode-scanning-functionality-to-your-ionic-2-app/)||[Add Barcode Scanning Functionality To Your Ionic 2 App](https://www.thepolyglotdeveloper.com/2016/02/add-barcode-scanning-functionality-to-your-ionic-2-app/)||

|[v3](http://www.joshmorony.com/adding-background-geolocation-to-an-ionic-2-application/)||[Adding Background Geolocation to an Ionic 2 Application](http://www.joshmorony.com/adding-background-geolocation-to-an-ionic-2-application/)||

|[v3](https://github.com/EddyVerbruggen/Custom-URL-scheme)||[Custom URL scheme](https://github.com/EddyVerbruggen/Custom-URL-scheme)||

|[v3](https://www.thepolyglotdeveloper.com/2016/01/determine-network-availability-in-an-ionic-2-mobile-app/)||[Determine Network Availability](https://www.thepolyglotdeveloper.com/2016/01/determine-network-availability-in-an-ionic-2-mobile-app/)||

|[v3](http://www.joshmorony.com/getting-familiar-with-local-notifications-in-ionic-2/)||[Getting Familiar with Local Notifications in Ionic 2](http://www.joshmorony.com/getting-familiar-with-local-notifications-in-ionic-2/)||

|[v3](http://www.gajotres.net/ionic-2-having-fun-with-cordova-geolocation-plugin/)||[Having Fun With Cordova Geolocation Plugin](http://www.gajotres.net/ionic-2-having-fun-with-cordova-geolocation-plugin/)||

|[v3](http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/)||[How to Use Google Maps & Geolocation ](http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/)||

|[v3](http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-ionic-2/)||[How To Use PouchDB + SQLite For Local Storage In Ionic 2](http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-ionic-2/)||

|[v3](http://www.gajotres.net/ionic-2-how-to-use-cordova-plugins/)||[How to Work With Cordova Plugins](http://www.gajotres.net/ionic-2-how-to-use-cordova-plugins/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/01/launch-websites-with-ionic-2-using-the-inappbrowser/)||[Launch Websites With Ionic 2 Using The InAppBrowser](https://www.thepolyglotdeveloper.com/2016/01/launch-websites-with-ionic-2-using-the-inappbrowser/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/02/monetize-google-admob-ionic-2-mobile-app/)||[Monetize With Google Admob In An Ionic 2 Mobile App](https://www.thepolyglotdeveloper.com/2016/02/monetize-google-admob-ionic-2-mobile-app/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/02/share-things-on-social-media-via-an-ionic-2-mobile-app/)||[Share Things On Social Media Via An Ionic 2 Mobile App](https://www.thepolyglotdeveloper.com/2016/02/share-things-on-social-media-via-an-ionic-2-mobile-app/)||

|[v3](https://www.thepolyglotdeveloper.com/2016/01/show-native-toast-notifications-in-an-ionic-2-mobile-app/)||[Show Native Toast Notifications In An Ionic 2 Mobile App](https://www.thepolyglotdeveloper.com/2016/01/show-native-toast-notifications-in-an-ionic-2-mobile-app/)||

|[v3](https://github.com/nordnet/cordova-universal-links-plugin)||[Universal URL / Deep linking](https://github.com/nordnet/cordova-universal-links-plugin)||

|[v3](https://www.thepolyglotdeveloper.com/2016/03/use-google-analytics-in-an-ionic-2-android-and-ios-app/)||[Use Google Analytics In An Ionic 2 Android And iOS App](https://www.thepolyglotdeveloper.com/2016/03/use-google-analytics-in-an-ionic-2-android-and-ios-app/)||

|[v3](https://www.thepolyglotdeveloper.com/2015/12/use-sqlite-in-ionic-2-instead-of-local-storage/)||[Use SQLite In Ionic 2 Instead Of Local Storage](https://www.thepolyglotdeveloper.com/2015/12/use-sqlite-in-ionic-2-instead-of-local-storage/)||

|[v3](http://www.joshmorony.com/using-cordova-plugins-in-ionic-2-with-ionic-native/)||[Using Cordova Plugins in Ionic 2 with Ionic Native](http://www.joshmorony.com/using-cordova-plugins-in-ionic-2-with-ionic-native/)||

|**Customization**||

|[v3](https://github.com/zachsoft/Ionic-Material)||[Ionic material](https://github.com/zachsoft/Ionic-Material)||

|[v3](https://github.com/ionic-team/ionic-ion-header-shrink)||[Header that shrinks](https://github.com/ionic-team/ionic-ion-header-shrink)||

|[v3](http://codepen.io/ionic/pen/uJkCz)||[Accordion list](http://codepen.io/ionic/pen/uJkCz)||

|[v3](https://material.angularjs.org/)||[Material design](https://material.angularjs.org/)||

|[v3](http://codepen.io/itamarCohen/pen/gbgxaJ)||[Angular Material codepen example](http://codepen.io/itamarCohen/pen/gbgxaJ)||

|[v3](https://github.com/andrewmcgivery/ionic-ion-autoListDivider)||[Automatically adding in list dividers for an ng-repeat.](https://github.com/andrewmcgivery/ionic-ion-autoListDivider)||

|[v3](http://devdactic.com/optimize-tinder-cards/)||[Tinder style swipe Cards](http://devdactic.com/optimize-tinder-cards/)||

|[v3](https://github.com/visionmedia/move.js)||[Move.js CSS3 Animation framework](https://github.com/visionmedia/move.js)||

|[v3](https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox)||[Ionic Tabbed Slidebox](https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox)||

|[v3](https://github.com/israelidanny/ion-google-place)||[Ionic directive for a location dropdown that utilizes google maps](https://github.com/israelidanny/ion-google-place)||

|[v3](https://github.com/kevincobain2000/ionic-animated-modal)||[32 Ionic Modal Animations](https://github.com/kevincobain2000/ionic-animated-modal)||

|[v3](https://github.com/kevincobain2000/ionic-animated-popup)||[32 Ionic Popup Animations](https://github.com/kevincobain2000/ionic-animated-popup)||

|[v3](https://github.com/kevincobain2000/ionic-photo-browser)||[Ionic Photo Browser](https://github.com/kevincobain2000/ionic-photo-browser)||

|**Misc**||

|[v3](http://mcgivery.com/internationalization-of-an-ionic-app-multilanguage-support/)||[Internationalization](http://mcgivery.com/internationalization-of-an-ionic-app-multilanguage-support/)||

|[v3](http://ionicframework.com/blog/minifying-your-source-code/)||[Minifying source code](http://ionicframework.com/blog/minifying-your-source-code/)||

|[v3](https://github.com/pixle/subway)||[Icons Subway](https://github.com/pixle/subway)||

|[v3](http://angular-translate.github.io/)||[Angular translate](http://angular-translate.github.io/)||

|[v3](https://parall.ax/products/jspdf)||[jsPDF - Generate pdf in javascript](https://parall.ax/products/jspdf)|||

|**Contribute**||

|-|-|Contributions welcome!
Read the contribution guidelines [CONTRIBUTING.md](CONTRIBUTING.md) first.|



# Awesome Ionic v2

A Collection of Resources for Ionic v2

# Table of Contents

-------------------

* General

  * [Official Documentation] (http://ionicframework.com/docs/v2/)

  * [GitHub Repo] (https://github.com/driftyco/ionic/tree/2.0)

  * [Tutorial] (http://ionicframework.com/docs/v2/getting-started/tutorial/)

  * [Forum] (https://forum.ionicframework.com/c/ionic-2)

  * [ng-conf 2016] (https://www.youtube.com/playlist?list=PLOETEcp3DkCq788xapkP_OU-78jhTf68j)

* Tools

  * [Ionicons] (http://ionicframework.com/docs/v2/resources/ionicons/)

* Tutorials

  * [Angular2/Ionic2 - Promises & Observables ] (http://coenraets.org/blog/2016/02/angular2-ionic2-data-services-promises-observables/)

  * [Using REST Service] (http://coenraets.org/blog/2016/02/angular2-ionic2-rest-services/)

  * [App Structure] (http://www.joshmorony.com/ionic-2-first-look-series-your-first-ionic-2-app-explained/)

  * [Ionic2 JWT Auth] (https://auth0.com/blog/2016/02/18/ionic-2-authentication-how-to-secure-your-mobile-app-with-jwt/)

  * [Google Maps Tutorial] (http://www.joshmorony.com/ionic-2-how-to-use-google-maps-geolocation-video-tutorial/)

  * [Ionic2 with Salesforce] (http://coenraets.org/blog/2015/10/ionic2-salesforce-oauth-rest/)

  * [Cordova Plugin HOWTO] (http://www.gajotres.net/ionic-2-how-to-use-cordova-plugins/)

  * [OAuth 2.0] (https://www.thepolyglotdeveloper.com/2016/01/using-an-oauth-2-0-service-within-an-ionic-2-mobile-app/)

  * [Angular2 Pipe for Ionic2] (http://www.joshmorony.com/how-to-use-pipes-to-manipulate-data-in-ionic-2/)

* Sample Apps

  * [Ionic Realty] (https://github.com/ccoenraets/ionic2-realty)

  * [Ionic Conference] (https://github.com/driftyco/ionic-conference-app)

* Components

  * [Swiper Slider] (http://idangero.us/swiper/)

* Angular2

  * [Awesome-Angular2] (https://www.npmjs.com/package/awesome-angular2)

  * [Data Service with Observable] (https://coryrylan.com/blog/angular-2-observable-data-services)

  * [Rest Data Service] (http://coenraets.org/blog/2016/02/angular2-ionic2-rest-services)

  * [ngRx Store] (http://orizens.com/wp/topics/adding-redux-with-ngrxstore-to-angular-2-part-1/)

...more to come..



# Awesome Ionic 2+ Components

For me [Ionic 3](http://ionicframework.com) is one of the best [Angular 2+](https://angular.io/) UI Frameworks for Mobile Apps in combination with [Apache Cordova](https://cordova.apache.org/). This list contains no tutorials, external help pages, tips and tricks. 

This list is only filled  with real components and tools that you can use immediately. So enjoy it!

It should help you to get awesome components and plugins for Ionic2. It contains of course also a lot of Angular2 stuff.

**Legend**

* ![](angular.png) build for Angular 2+

* ![](ionic.png) build for Ionic 2+

## UI

### Localization

* [NgTranslate](https://github.com/ngx-translate/core) ![](angular.png)

* [angular-I10n](https://github.com/robisim74/angular-l10n) ![](angular.png)

### Menu, Tabs

* [Scrollabel Tabs](https://github.com/SinoThomas/Ionic2-ScrollableTabs) ![](ionic.png) 

* [Circular Tabs](https://github.com/SinoThomas/Ionic2-CircularTabs) ![](ionic.png)

* [Fab Toolbar](https://github.com/ekhmoi/fab-toolbar) ![](ionic.png)

* [Multi Level Sidemenu](https://github.com/sebaferreras/Ionic2-MultiLevelSideMenu) ![](ionic.png)

* [Popover Sidemenu](https://github.com/philipbrack/ionic2-menu-alternative-popover) ![](ionic.png)

### Form / Input

* [Autocomplete](https://github.com/kadoshms/ionic2-autocomplete) ![](ionic.png)

* [Form Generator based on JSON](https://github.com/makinacorpus/angular2-schema-form) ![](angular.png) 

* [Dynamic Forms](https://github.com/udos86/ng2-dynamic-forms/) ![](angular.png) 

* [Form Builder](https://github.com/rohitg7/ionic2-form-builder) ![](ionic.png)

* [Sidemenu tabs](https://github.com/seanmavley/ionic2-sidemenu-tabs) ![](ionic.png)

* [Tags Input](https://github.com/HsuanXyz/ionic-tags-input) ![](ionic.png)

#### Input - Date/Calendar

* **Calendar**

   * [Calendar](https://github.com/twinssbc/Ionic2-Calendar)  ![](ionic.png)

   * [Calendar](https://github.com/alexandretok/easy-ionic2-calendar) ![](ionic.png)

   * [Calendar](https://github.com/redpandatronicsuk/ionic2calendar) ![](ionic.png)

   * [Calendar](https://github.com/mattlewis92/angular-calendar) ![](angular.png) (very powerful) 

   * [Calendar - Fullcalendar](https://github.com/nekken/ng2-fullcalendar) ![](angular.png)

* **Datepicker**

   * [Datepicker](https://github.com/misha130/datepicker-ionic2)  ![](ionic.png)

   * [Datepicker (selectable range dates calendar)](https://github.com/HsuanXyz/ion2-calendar) ![](ionic.png)

   * [Datepicker](https://github.com/rajeshwarpatlolla/ionic2-datepicker) ![](ionic.png)

* [Rating](https://github.com/andrucz/ionic2-rating)  ![](ionic.png)

* [Inputfield Mask](https://github.com/text-mask/text-mask)

### Lists/Table

* [Sortable/Filter Tables](https://github.com/valor-software/ng2-table) ![](angular.png) 

* [Smart table (sorting, filtering ...)](https://github.com/akveo/ng2-smart-table) ![](angular.png)

* [Flexible and Light Table](https://github.com/swimlane/ngx-datatable) ![](angular.png)

### Images

* [Signatur](https://github.com/wulfsolter/angular2-signaturepad) ![](angular.png) works perfect with ![](ionic.png) 

* [Image Fallback](https://github.com/VadimDez/ng2-img-fallback) ![](angular.png)

* [Lazy Load](https://github.com/tjoskar/ng2-lazyload-image) ![](ionic.png) ![](angular.png)

* [Image Loader](https://github.com/zyramedia/ionic-image-loader) ![](ionic.png)

* [Facebook Gallery](https://github.com/skyfloyd/ionic2-fb-gallery) ![](ionic.png)

* [Image Viewer](https://github.com/Riron/ionic-img-viewer) ![](ionic.png)

* [Gallery Modal](https://github.com/nikini/ionic-gallery-modal) ![](ionic.png)

* [Image Zoom](https://github.com/brtnshrdr/angular2-image-zoom) ![](angular.png)

### Charts/Diagram

* [Charts](https://github.com/valor-software/ng2-charts) ![](angular.png)

* **D3 Approaches**

  * [D3 Service](https://github.com/tomwanzek/d3-ng2-service) ![](angular.png)

  * [D3 Barchart](https://github.com/keathmilligan/angular-d3js) ![](angular.png)

  * [D3 Line/Bar/Pie Charts](https://github.com/datencia/d3js-angular2-example) ![](angular.png)

### Video/Audio

* [Video Editor](https://github.com/rossmartin/video-editor-ionic2) ![](ionic.png)

* [Audio Recorder](https://github.com/tracktunes/ionic-recorder) ![](ionic.png)

* [Simple Audioplayer](https://github.com/arielfaur/ionic-audio) ![](ionic.png)

### Keyboards

* [Digit Keyboard](https://github.com/skol-pro/ion-digit-keyboard-v2) ![](ionic.png)

* [Pincode Keyboard](https://github.com/HsuanXyz/ionic2-pincode-input) ![](ionic.png)

### Dialog

* [Dialogbox with Counter](https://github.com/HsuanXyz/ionic2-extend-alert) ![](ionic.png)

### Frames

* [ng Lightning (for Salesforce Apps)](https://github.com/ng-lightning/ng-lightning) ![](angular.png)

### Picker

* [Multi Picker](https://github.com/raychenfj/ion-multi-picker) ![](ionic.png)

## API

* [Salesforce Rest API](https://github.com/ccoenraets/forcejs) ![](ionic.png) ![](angular.png)

* [Firebase Rest API](https://github.com/angular/angularfire2) ![](angular.png)

* [Google Maps](https://angular-maps.com/) ![](angular.png)

* [JSON Web Token (JWT)](https://github.com/auth0/angular2-jwt) ![](angular.png) ![](ionic.png)

* [Analytics (Google, Piwik, Kissmetrics and more)](https://github.com/angulartics/angulartics2) ![](angular.png)

* [Github Auth](https://auth0.com/authenticate/ionic2/github) ![](ionic.png)

* [PouchDB](https://github.com/ashteya/ionic2-tutorial-pouchdb) ![](ionic.png)

* [Wordpress](https://github.com/scottopolis/ionic2-wp-api) ![](ionic.png)

* [Amazon - AWS](https://github.com/vbudilov/aws-cognito-ionic2) ![](ionic.png)

* [Facebook Wrapper](https://github.com/zyramedia/ng2-facebook-sdk) ![](angular.png)

* [Microsoft Emotion API](https://github.com/lazyc97/emo-clash) ![](ionic.png)

* [Pokémons API](https://github.com/loiane/ionic2-pokedex) ![](ionic.png) (Pokémons - no joke!)

* [Codepush & Ionic2](https://github.com/ksachdeva/ionic2-code-push) ![](ionic.png)

* [SQL Interface](https://github.com/seand88/ionic2-sql-interface) ![](ionic.png)

### Pipe

* [Filtering Array](https://github.com/VadimDez/ng2-filter-pipe) ![](angular.png)

* [Pipe Collection (around 20 pipes for strings etc)](https://github.com/danrevah/ngx-pipes) ![](angular.png)

## Boilerplate/Demo Apps

* [Redux](https://github.com/janjarfalk/ionic2-angular2-ts-redux-boilerplate) ![](ionic.png)

* [Cordova File Transfer](https://github.com/dsgriffin/ionic-2-file-transfer-example) ![](ionic.png)

* [Update your App](https://github.com/NextFaze/ionic-manup) ![](ionic.png)

* [NFC Demo](https://github.com/RedFroggy/ionic2-nfc-app) ![](ionic.png)

* [Fullscreen Content](https://github.com/sebaferreras/Ionic2-FullscreenContent) ![](ionic.png)

* [Card Layout](https://github.com/joshuamorony/ionic2-card-layout) ![](ionic.png)

* [Ionic 2](https://github.com/marcoturi/ionic2-boilerplate) ![](ionic.png)

* [Ionic 2 Advanced Components](https://github.com/yannbf/ionic2-components) ![](ionic.png)

* [ORC Scan App](https://github.com/matiastucci/ionic-ocr-example) ![](ionic.png) based on [ocrad.js](https://github.com/antimatter15/ocrad.js)

## Build Stuff

* [Ionic App Script](https://github.com/driftyco/ionic-app-scripts) ![](ionic.png)

## Code Stuff

* [Redux](https://github.com/angular-redux/store) ![](angular.png)

## Projects

* [App Evangelist](https://github.com/fishme/app-evangelist.com) my own Homepage/App with [getdirectus.com](getdirectus.com)  (in progress) ![](ionic.png)

* [mHUD - Car App](https://github.com/paulcockrell/mHUD) ![](ionic.png) Speed tracking

* [Restaurant App](https://github.com/srehanuddin/Ionic2-ResturantApp) ![](ionic.png)

* [Conference App](https://github.com/driftyco/ionic-conference-app) ![](ionic.png)

* [Realty](https://github.com/ccoenraets/ionic2-realty) ![](ionic.png)

* [Firebase Chat App](https://github.com/ionic2blueprints/firebase-chat) ![](ionic.png)

* [Ecommerce App](https://github.com/ionic2blueprints/ionic2-marketcloud) ![](ionic.png)

* [Conference App based on Lanyrd API](https://github.com/ionic2blueprints/conference-app) ![](ionic.png)

* [Stock Tracking App](https://github.com/ionic2blueprints/ionic2-stockmarket) ![](ionic.png)

* [Wordpress Client](https://github.com/ionic2blueprints/ionic2-wp-client) ![](ionic.png)

* [Media Player](https://github.com/ionic2blueprints/media-player) ![](ionic.png)

* [Social App](https://github.com/ionic2blueprints/social-app) ![](ionic.png)

* [Push Notification](https://github.com/aggarwalankush/ionic2-push-base) ![](ionic.png)

* [Weather app](https://github.com/aggarwalankush/ionic2-mosum) ![](ionic.png)

* [Reddit Reader](https://github.com/smartapant/ionic2-reddit-reader) ![](ionic.png)

* [YouTube](https://github.com/hughred22/Ionic2-Angular2-YouTube-Channel-App) ![](ionic.png)

* [Freshlypressed API App](https://github.com/rajayogan/ionic2-freshlypressed) ![](ionic.png)

* [Geo Fence](https://github.com/tsubik/ionic2-geofence) ![](ionic.png)

* [Image Gallery](https://github.com/driftyco/ionic-image-gallery-app) ![](ionic.png)

* [Real-World App](https://github.com/seeschweiler/iongithub) ![](ionic.png)

* [Bwitter - Twitter](https://github.com/obetomuniz/ionic2-bwitter) ![](ionic.png)

* [Inoffical "Myki" App](https://github.com/longzheng/mypal-ionic) ![](ionic.png)

* [Timer App](https://github.com/imjohnbo/ionic2-timer) ![](ionic.png)

* [Component Examples](https://github.com/yannbf/ionic3-components) ![](ionic.png)

* [Chat Examples](https://github.com/HsuanXyz/ionic3-chat) ![](ionic.png)

* [Indexed Scroll Examples](https://github.com/HsuanXyz/ionic2-indexed-scroll) ![](ionic.png)

# Ionic 3 Crash Course

## Javascript Books

http://openbook.rheinwerk-verlag.de/javascript_ajax/

http://openbook.rheinwerk-verlag.de/javascript/

https://github.com/loiane/javascript-datastructures-algorithms

http://htmldog.com/guides/javascript/beginner/

http://speakingjs.com/es5/index.html

## Javascript Excercises

https://github.com/mrdavidlaing/javascript-koans

https://github.com/liammclennan/JavaScript-Koans

https://github.com/tylermcginnis/Javascript-Koans

## Ionic Tutorials

https://www.ghadeer.io/ionic-3-screen-orientation/

https://thielcole.github.io/ionic2/2017/05/01/Ionic-Push-Notifications.html

## Ionic Development Enrironments

https://blog.thejoin.it/ionic-build-ios-app-without-mac-virtual-machine.html

https://hub.docker.com/r/pam79/ionic-3-framework/