Ionic Crash Course
Capacitor Crash Course
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 Firebase JS SDK.
[Read more…] about Build Your First Ionic App with Firebase using AngularFire 7
Ionic
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 filesystem can be challenging sometimes.
[Read more…] about The Ionic Image Guide with Capacitor (Capture, Store & Upload)
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
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 platforms.
[Read more…] about How to Build a Capacitor File Explorer with Ionic Angular
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.
[Read more…] about Building a Gmail Swipe to Delete Gesture & Animated FAB with Ionic Angular
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
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.
[Read more…] about Uploading Files to Supabase with Ionic using 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
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.
[Read more…] about Ionic Responsive Design and Navigation for All Screens
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.
[Read more…] about How to Integrate Supabase in Your Ionic App
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
How to Build a Simple Ionic E-Commerce App with Firebase
If you want to build an Ionic E-Commerce app, Firebase is a great backend alternative to existing shop systems. This is a quick yet still robust solution for a full blown shopping app!
[Read more…] about How to Build a Simple Ionic E-Commerce App with Firebase
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
Building an Ionic JWT Refresh Token Flow
When you want to implement a more secure authentication with Ionic, the Ionic JWT refesh token flow is an advanced pattern with two tokens to manage.
[Read more…] about Building an Ionic JWT Refresh Token Flow
Hosting an Ionic PWA with API Caching on Netlify
If you want to improve the offline experience of your Ionic PWA, it’s actually quite easy to not only cache the static assets but also cache the API calls inside an Ionic PWA!
[Read more…] about Hosting an Ionic PWA with API Caching on Netlify
How to Build Your Own Ionic Library for NPM
You find yourself creating custom components, pages and CRUD operations for your apps over and over? The solution might be to create your own Ionic library that you can install from NPM!
[Read more…] about How to Build Your Own Ionic Library for NPM
