Clik here to view.
How to Integrate Supabase in Your Ionic App
If you have used Firebase in the past, you might have come across Supabase, an open source Firebase alternative that’s currently in Beta but getting a lot of great feedback. In this tutorial we will...
View ArticleClik here to view.
Ionic Responsive Design and Navigation for All Screens
You already know that you can create web and mobile apps from one codebase with Ionic, but having a responsive design that looks good on all platforms is sometimes challenging. By default Ionic apps...
View ArticleClik here to view.
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 In this tutorial we will handle both cases with...
View ArticleClik here to view.
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! There are several apps like...
View ArticleClik here to view.
Uploading Files to Supabase with Ionic using Capacitor
When you work with a cloud backend like Firebase or Supabase, you sometimes need to host files as well – and the actual database is usually not the best place. In this tutorial we will build an Ionic...
View ArticleClik here to view.
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! In this tutorial...
View ArticleClik here to view.
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. With Angular v12, Portractir...
View ArticleClik here to view.
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. Today we will...
View ArticleClik here to view.
Building a Gmail Swipe to Delete Gesture & Animated FAB with Ionic Angular
We have previously created a basic Gmail clone with Ionic, but there are certain UI and especially UX elements missing that make the original app look so amazing. In this tutorial we will implement an...
View ArticleClik here to view.
How to Build a Capacitor File Explorer with Ionic Angular
Working with the underlying filesystem on iOS and Android has always been challenging given the differences in both platforms, but with Capacitor you can take a simple approach that works for all...
View ArticleClik here to view.
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. In this tutorial we will...
View ArticleClik here to view.
The Ionic Image Guide with Capacitor (Capture, Store & Upload)
Capturing, storing and uploading image files with Ionic is a crucial task inside many applications, even if it’s just a small avatar of a user. At the same time, the process to handle images and the...
View ArticleClik here to view.
Build Your First Ionic App with Firebase using AngularFire 7
Using Firebase as the backend for your Ionic apps is a great choice if you want to build a robust system with live data fast, and by using AngularFire you can use a simple wrapper around the official...
View ArticleClik here to view.
How to Build a Native App from Angular Projects with Capacitor
The popularity of Capacitor is constantly rising, and given the fact that you can turn basically any web project into a native mobile app with Capacitor is the simple reason for Capacitors fame. This...
View ArticleClik here to view.
How to Setup Deep Links With Capacitor (iOS & Android)
Taking your users directly into your app with a universal link on iOS or App Link on Android is one of the easiest ways to open a specific app of your Ionic page, and becomes a super easy task with...
View ArticleClik here to view.
Building an Ionic App with Firebase Authentication & File Upload using...
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! In this...
View ArticleClik here to view.
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! View Demo You like to see popular apps built with Ionic? Check out my latest eBook Built with Ionic...
View ArticleClik here to view.
Celebrating 5 Years Ionic Academy
Exactly today the Ionic Academy started 5 years ago – and to kick off the anniversary celebration week I’m offering the initial monthly discount from 5 years ago again! Only until the end of March 2022...
View ArticleClik here to view.
How to Secure your App with Ionic Identity Vault
If you are serious about your Ionic app development and want the most secure functionality when working with user data and APIs, you should take a closer look at Ionic Identity Vault. Ionic Identity...
View ArticleClik here to view.
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! The spec file inside your Angular project...
View Article