Awesome Ionic Overview
An "awesome" list of Ionic resources
🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 candelibas/awesome-ionic · ⭐ 843 · 🏷️ Front-End Development
Awesome Ionic 
An "awesome" list of the Ionic resources
Ionic
"Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies."
Current Ionic version:
Official Resources
- Site
- Blog
- Documentation
- Getting Started Guide
- Ionic Native (⭐2.4k)
- Community Forum
- Ionic IRC
- Ionic Youtube Channel
- Showcase
- GitHub Repo (⭐51k)
Ionic Fundamentals
- Beginners Guide to Getting Started with Ionic
- Ionic First Look Series: Your First Ionic App Explained
- How to Convert an Ionic 1 Application to Ionic
- A Simple Guide to Navigation in Ionic
- 10 Minutes with Ionic: Adding Pages and Navigation
- 10 Minutes with Ionic: Calling an API
- How To Update Your Application Project and CLI
- How to Create a Data Model in Ionic
- Ionic and External Libraries
- Understanding Zones and Change Detection in Ionic & Angular 2
- Understanding Ionic: Pipe
- How to Manipulate Data in Ionic: Part 1
- How to Manipulate Data in Ionic: Part 2
- Filtering, Mapping, and Reducing Arrays in Ionic
- Build a basic mobile app with Ionic 4
- Read SMS in Ionic 4 apps
- Geolocation, geocoding and reverse geocoding in Ionic 4
- Google Vision in Ionic 4 apps
- RTL (right-to-left) layout in Ionic 4 apps
- Push notifications in Ionic 4 apps
- Google Vision in Ionic 4 apps
Theming
- A Guide to Styling an Ionic Application
- Best practice when adding FontAwesome to an ionic2 app
- A List of Common CSS Utility Attributes in Ionic
- 5 Animation Packages You Can Immediately Use Inside Your Ionic App
Components
- How to Create a Sliding Delete Button for Lists
- Creating a Sliding Introduction Component in Ionic
- How to Create a Custom Loading Component in Ionic
- Build a Simple Progress Bar Component in Ionic
- Create a News Feed with 360-Degree Photo Viewing in Ionic
- Build a Tap to Reveal Component in Ionic
Authentication
- Twitter Login in Ionic 4 App using Firebase
- Facebook Login in Ionic 4 App using Firebase
- Google Login in Ionic 4 App using Firebase
- Anonymous Login in Ionic 4 App using Firebase
- Basic Email Login in Ionic 4 App using Firebase
- Add Touch ID Authentication To An Ionic Mobile App
- Successful OAuth Social Login with Firebase
- Using An Oauth 2.0 Service Within An Ionic Mobile App
- Ionic and Auth0
- Handling a Simple User Authorization
- Authenticate Ionic with WordPress
Unit Testing
Ionic Native / Cordova Plugins
- Playing music in Ionic 4 apps
- How to implement health plugin - Pedometer in Ionic 4
- Using Cordova Plugins in Ionic with Ionic Native
- How to Work With Cordova Plugins
- 10 Minutes with Ionic: Using the Camera with Ionic Native
- How to Use Google Maps & Geolocation
- Determine Network Availability
- Monetize With Google Admob In An Ionic Mobile App
- Show Native Toast Notifications In An Ionic Mobile App
- Having Fun With Cordova Geolocation Plugin
- Use SQLite In Ionic Instead Of Local Storage
- Launch Websites With Ionic Using The InAppBrowser
- Add Barcode Scanning Functionality To Your Ionic App
- Use Google Analytics In An Ionic Android And iOS App
- Share Things On Social Media Via An Ionic Mobile App
- How To Use PouchDB + SQLite For Local Storage In Ionic
- Adding Background Geolocation to an Ionic Application
- Getting Familiar with Local Notifications in Ionic
- Create a Nearby Places List with Google Maps in Ionic – Part 1
- Create a Nearby Places List with Google Maps in Ionic – Part 2
Payment Gateway Integrations
- Ionic 4 Stripe Payment Integration
- Ionic 4 PayPal Payment Integration
- Ionic 4 Apple Pay Payment Integration
- Ionic 4 Razorpay Payment Integration
Backend as a Service
- 10 Minutes with Ionic: Calling an API
- Using Http to Fetch Remote Data from a Server in Ionic
- Making REST HTTP Requests Like a Pro
- Posting data from Ionic app to a PHP server
- Make HTTP Requests In An Ionic Android And iOS App
- Integrating Firebase with AngularFire2 into AngularJS & Ionic2
i18n & l10n
- Internationalize and Localize Your Ionic 4 App
- Internationalize and Localize Your App With Angular 2
- attranslate (⭐325) - Semi-automated translation of JSON and other resource files
Tools
- Ionic2-vscode
- Vim-ionic2 (⭐2)
- Ionic Vetur Intellisense (⭐3) - Vetur support for Ionic Components for tag and attribute autocompletion
Video Tutorials
- Ionic Quickstart
- Build a Todo App from Scratch with Ionic
- Ionic: How to Use Google Maps & Geolocation
- Ionic in One Hour
- Build a Custom Flash Card Component in Ionic
- Hacking CSS in Ionic
- Learn Ionic 3 From Scratch
Books
Open Source Projects
- Ionic Conference App (⭐3.6k)
- IonicRealty (⭐256)
- Ionic Firebase Chat App (⭐37)
- Ionic Ecommerce App (⭐26)
- Ionic Conference App based on Lanyrd API (⭐7)
- Ionic Stock Tracking App (⭐18)
- Ionic Wordpress Client (⭐20)
- Ionic Media Player (⭐30)
- Ionic Social App (⭐27)
- Ionic 5 WhatsApp clone (⭐60) [NEW]
- Ionic 5 Social Network Starter (⭐163) [NEW]
- Ionic Push Notification (⭐165)
- Ionic Weather app (⭐247)
- Ionic Reddit Reader (⭐125)
- Ionic Advanced Components (⭐1.7k)
- Ionic aiEyes - Azure Computer Vision API (⭐27)
- Ionic Soundboard (⭐14)
- Ionic Country Explorer
- Firebase push notifications in Ionic 4 (⭐3) [NEW]
- Receive SMS automatically in Ionic 4 (⭐10) [NEW]
- Playing music in Ionic 4 (⭐43) [NEW]
- Ionic 4 Stripe Payment Integration (⭐9) [NEW]
- Ionic 4 PayPal Payment Integration (⭐9) [NEW]
- Ionic 4 Apple Pay Payment Integration (⭐7) [NEW]
- Ionic 4 Razorpay Payment Integration (⭐4) [NEW]
- Ionic 4 Twitter login with Firebase (⭐1) [NEW]
- Ionic 4 Facebook login with Firebase (⭐3) [NEW]
- Ionic 4 Google login with Firebase [NEW]
- Translation in Ionic 4 - Internationalization and localization (⭐6) [NEW]
- Ionic 4 Free chat themes [NEW]
- Ionic Timer App
Contribute
Contributions welcome! Read the contribution guidelines first.
License
