How to Build an Ionic 4 File Explorer
Working with files in Ionic and Cordova applications can be painful and sometimes complicated, so today we want to go all in on the topic! In this tutorial we will build a full file explorer with Ionic...
View ArticleBuilding an Ionic 4 JWT Login with Tab Bar & Angular Routing
Building a JWT authentication flow is one of the basic things most apps have these days, but there are tricky elements that can make or break your app. Today we will dive into the creation of an Ionic...
View ArticleHow to Build a Shopping Cart with Ionic 4
When you are building a shopping app with Ionic there is no way around having a decent cart. And displaying a cart plus keeping track of all items can be challenging depending on your data. In this...
View ArticleThe Ionic 4 Media Files Guide (Images, Movies & Audio)
Working with files in Ionic has traditionally been one of the biggest challenge, since iOS and Android both handle them quite different. Today we will try to conquer the field of media files which...
View ArticleHow to Build a Canvas Painting App with Ionic 4
The canvas is a very mighty element, which you can use for all kind of functionalities ranging from image manipulation to creating a painting app. Therefore we will today incorporate a canvas in our...
View ArticleHow to Build Ionic 4 Apps with Chart.js
When you want to display charts inside your application, there’s a variety of great packages out there that you can use so the question comes up, which one should I use? In the past we used chart.js...
View ArticleBuilding an Authentication System with Ionic 4 and NestJS
Whether you celebrate Christmas or not, today is your happy day as I’ve prepared this special for all Devdactic followers! Since I wanted to give back something to all the loyal followers of this blog,...
View ArticleHow to Upload Files from Ionic to Firebase Storage
Firebase can be used in a lot of ways, and besides the database the second biggest feature might be its cloud storage. In this tutorial we will continue with an app from a previous tutorial on using...
View ArticleHow to Create a Horizontal Navigation for Ionic Desktop Views
When you want to use your Ionic app as a website it’s not just enough to fill the available space – some UI element should simply be different. A good example is the horizontal navigation bar you have...
View ArticleHow to Build a PWA QR Code Scanner with Ionic for iOS & Android
If you want to build a QR scanner into your Ionic app, you are using a Cordova plugin most of the time. But what if you want to use it as a website, or perhaps PWA? Just recently a member of the Ionic...
View ArticleHow to Setup Universal Links in Ionic (iOS & Android)
It is possible to open your iOS and Android app directly through a special scheme or even a standard link these days – but the setup isn’t super easy. In this tutorial we will go through every step to...
View ArticleHow to Create an Email List with Firebase, Sendfox and Ionic
If you want to integrate an email list for your app or website, you have countless options – but today I’ll show you a really simple way to make everything work with Firebase cloud functions!...
View Article15 Angular Component Libraries you Need to Know About
Over the years, countless great wrappers and additional libraries for Angular appeared to help you develop your apps and websites faster without reinventing the wheel all the time. This list is not a...
View ArticleHow to use WordPress API Authentication with Ionic
If you want to use the WordPress API and connect your Ionic app to it, most likely you also want to make user of the users your page already has (or use it as a simple backend for your next app). But...
View ArticleBuilding Ionic Desktop Apps with Capacitor and Electron
If you want to build your Ionic app for multiple platforms you can not only build it for iOS, Android and a web app – you can also use the same code for building a desktop application! All of this can...
View ArticleHow to Apply Instagram like Photo Filters with Ionic & Capacitor
When you want to manipulate the images like Instagram within your Ionic app there are multiple ways to achieve a filtered photo effect, but the approach we are using today will make it unbelievable...
View ArticleIonic 5 Image Upload with NestJS & Capacitor: The API
Image upload is one of the most common use cases in your Ionic app, and to show you everything you need, we’ll build both the API and app together! This is the first part of our mini series on image...
View ArticleIonic 5 Image Upload with NestJS & Capacitor: Capacitor App
This is the second part of a mini series on image upload with Ionic. In this part we’ll create an Ionic app with Capacitor so we can upload image files from the browser and iOS & Android apps! In...
View ArticleHow to use Ionic In App Purchase with Capacitor
In app purchases can earn you a decent income from your mobile apps, and with Ionic and Capacitor it’s quite easy to setup everything and start earning! In this post we will use the version two of the...
View ArticleHow to Build an Ionic 5 Calendar with Modal & Customisation
Having a calendar component in your Ionic app could be an essential element for your whole app experience, and while there’s not a standard solution, there are a lot of free components we can use. In...
View Article