Ionic Crash Course
Capacitor Crash Course
Angular Material is an awesome library of Material Design components for Angular apps, and with its sidenav plus the help of Capacitor we can easily build a native mobile app from one codebase!
[Read more…] about Angular Material Mobile App with Capacitor
intermediate
How to Write Unit Tests for your Ionic Angular App
Did you ever wonder what the *.spec file that is automatically generated for your pages and services is useful for? Then this tutorial is exactly for you!
[Read more…] about How to Write Unit Tests for your Ionic Angular App
Building the YouTube UI with Ionic
We are once again building a popular UI with Ionic, and this time it’s the YouTube home video feed!
[Read more…] about Building the YouTube UI with Ionic
Building an Ionic App with Firebase Authentication & File Upload using AngularFire 7
If you want a full blown cloud backend for your Ionic app, Firebase offers everything you need out of the box so you can setup your Ionic app with authentication and file upload in minutes!
[Read more…] about Building an Ionic App with Firebase Authentication & File Upload using AngularFire 7
How to use Native Google Maps with Capacitor and Ionic
If you want to use Google maps with Ionic, you can either go the easy route with the Web SDK or use the Capacitor wrapper to include native Google Maps right in your Ionic app.
[Read more…] about How to use Native Google Maps with Capacitor and Ionic
Building a Gmail Clone with Ionic & Angular
In this new part of the Built with Ionic series we will explore the concepts used in the popular Gmail application to build a somewhat similar clone with Ionic based on dummy JSON data.
[Read more…] about Building a Gmail Clone with Ionic & Angular
Ionic E2E Tests with Cypress.io
Since the Ioniconf 2020, Cypress caught my attention as a better E2E testing framework instead of Protractor for our Angular Ionic apps, and we’ll see why in this tutorial.
[Read more…] about Ionic E2E Tests with Cypress.io
How to Cache API Responses with Ionic & Capacitor
If you don’t need the latest data and speed up loading times, a decent way to improve your performance is to cache API responses – and you can do it right away with some simple logic!
[Read more…] about How to Cache API Responses with Ionic & Capacitor
Building a Deliveroo Food Ordering UI with Ionic
Building complex UIs with Ionic can be challenging, so today we will tackle another big app and build an epic food ordering application design with Ionic Angular together!
[Read more…] about Building a Deliveroo Food Ordering UI with Ionic
How to Handle User Roles in Ionic Apps with Guard & Directives
When working with user accounts, you sometimes need to handle multiple user roles within your Ionic app or even specific permissions users might have
[Read more…] about How to Handle User Roles in Ionic Apps with Guard & Directives
Building the Netflix UI with Ionic
Building a complex UI with Ionic is not always easy, but can be learned by going through practical examples like we do today with the Netflix UI with Ionic!
[Read more…] about Building the Netflix UI with Ionic
Building the Spotify UI with Ionic
Building more complex Ionic interfaces isn’t always easy, so today we will take a look at another popular app and learn to build the Spotify Ui with Ionic!
[Read more…] about Building the Spotify UI with Ionic
Building the Twitter UI with Ionic Components
What if you could build any popular UI with Ionic components? This tutorial on building a Twitter UI with Ionic is the start to a new series of tutorials!
[Read more…] about Building the Twitter UI with Ionic Components
How to Add Ionic Facebook Login with Capacitor
Adding Ionic Facebook login to your app can help to quickly sign in users, and the setup required to make it work with Capacitor is actually not too hard!
[Read more…] about How to Add Ionic Facebook Login with Capacitor
Building an SQLite Ionic App with Capacitor
If you need to store more data than a few keys, you should pick the SQLite Ionic integration that you can easily use with Capacitor to add powerful SQL functionalities to your app!
[Read more…] about Building an SQLite Ionic App with Capacitor
How to add Capacitor Google Sign In to your Ionic App
If you need a social sign in inside your Ionic app, adding Capacitor Google sign in is actually a breeze to implement after some initial configuration.
[Read more…] about How to add Capacitor Google Sign In to your Ionic App
Building an Ionic Firebase Chat with Authentication
If you want to get started with Ionic and Firebase, building a simple Ionic Firebase chat is the first thing you can do that’s easy to achieve and yet powerful at the same time!
[Read more…] about Building an Ionic Firebase Chat with Authentication
The Essential Ionic Image Zoom Guide (Modal & Cards)
Adding Ionic image zoom is often a requirement in apps, but the implementation isn’t very well documented. In this tutorial we will implement a simple Ionic image zoom based on the Ionic slides!
[Read more…] about The Essential Ionic Image Zoom Guide (Modal & Cards)
How to Create an Ionic PWA with Web Push Notifications
If you plan to build a website or PWA with Ionic, you can’t rely on standard push notifications. But instead, you can easily integrate web push instead!
[Read more…] about How to Create an Ionic PWA with Web Push Notifications
How to Use Firebase Analytics with Ionic
Since you might already use Firebase in your project, why not use the analytics functionality it provides in combination with Google?
[Read more…] about How to Use Firebase Analytics with Ionic
