The Ionic Firebase combination remains one of the most used in terms of a cloud backend, and today we will use the latest version of Ionic with the AngularFire RC11 to build a simple todo application!
[Read more…] about How to Create a Simple Ionic 4 App with Firebase and AngularFire
Ionic
Building a Basic Ionic 4 Login Flow with Angular Router
It’s time for Ionic v4 content, and what fit better than the all-time classic login flow example? With Ionic 4 it becomes a lot easier to protect our apps the real Angular way using the Angular Router.
[Read more…] about Building a Basic Ionic 4 Login Flow with Angular Router
Is Ionic the Right Choice for My Project?
Ionic has been around for quite some years and with the latest release of version 4 it becomes an even better option for developing hybrid apps than it was already. Still, there are drawbacks and scenarios where Ionic might not be (or should not be) your first choice.
[Read more…] about Is Ionic the Right Choice for My Project?
Building an Ionic Spotify App – Part 3: Native Spotify Integration
Over the last months we had a series on using Spotify with Ionic and to conclude this series one more post follows that how to truly use the full power of Spotify by combining all previous elements.
[Read more…] about Building an Ionic Spotify App – Part 3: Native Spotify Integration
Creating Ionic Datatable With ngx-datatable
If you are working with a lot of data you might have encountered the problem of presenting this data in an Excel like way inside your Ionic app. Although the datatable pattern is not always the most recommended for mobile apps, especially in times of PWAs having the ability to create a table within your Ionic app is a great alternative.
[Read more…] about Creating Ionic Datatable With ngx-datatable
10 Simple Ionic Hacks
Even years after starting with Ionic we can learn something new that can safe us time or just make it easier for us to work with Ionic. From time to time I stumble upon a quick fix to an issue I lived with for a long time, therefore I wanted to document those Ionic hacks in one easy to remember place.
[Read more…] about 10 Simple Ionic Hacks
Building an Ionic Spotify App – Part 2: Spotify API
After our initial setup for the Spotify OAuth dialog we are now ready to create a simple Ionic Spotify client that can access the Web API of Spotify to retrieve all kinds of information about the user, playlists or tracks!
[Read more…] about Building an Ionic Spotify App – Part 2: Spotify API
Building an Ionic Spotify App – Part 1: OAuth
After a recent comment under a video of my YouTube channel I was challenged to build an app with Spotify integration – and the process was everything but easy.
[Read more…] about Building an Ionic Spotify App – Part 1: OAuth
Building an Ionic OCR App with Tesseract
If you need some sort of text recognition inside images for your app you’ll come across the two most popular libraries called Ocrad and Tesseract. Both of them work pretty good out of the box so why not add the OCR functionality to your Ionic app?
[Read more…] about Building an Ionic OCR App with Tesseract
Building an Ionic Geolocation Tracker with Google Map and Track Drawing
Within your Ionic App you can easily track the position of your users with the Ionic Geolocation plugin. It is also easy to add a Google Map to your app, so why not combine these 2 features into a useful app?
[Read more…] about Building an Ionic Geolocation Tracker with Google Map and Track Drawing
Ionic Canvas Drawing and Saving Images as Files
Working with the canvas can be challenging, but there are amazing things you can’t build using it like this little drawing application which can also save your amazing paintings inside the apps folder and load all of them again!
[Read more…] about Ionic Canvas Drawing and Saving Images as Files
Loading Dynamic Components with Ionic & Angular ComponentFactoryResolver
Recently one member of the Ionic Academy asked for help regarding a tough situation: How to display dynamic components based on a JSON object structure you might get from an API?
[Read more…] about Loading Dynamic Components with Ionic & Angular ComponentFactoryResolver
Celebrating One Year Ionic Academy
Almost exactly one year ago on March 28. the Ionic Academy opened doors for the first time and has ever since been the coding school for all Ionic interested developers (and those who want to become Ionic Developers).
[Read more…] about Celebrating One Year Ionic Academy
How to Publish a Custom Ionic Module With NPM
Have you ever thought about creating your own custom Ionic Module? Wouldn’t it be nice to publish a part of your work and distribute it through NPM? Truth is, it’s actually more easy than you might think!
[Read more…] about How to Publish a Custom Ionic Module With NPM
Building a Calendar for Ionic With Angular Calendar & Calendar Alternatives
Recently I was in need of a Calendar Component for one of my Ionic apps. Although there are some premade options available, none of them really solved all my needs out of the box. So I tried Angular Calendar..
[Read more…] about Building a Calendar for Ionic With Angular Calendar & Calendar Alternatives
How to Visualise Firebase Data with Chart.js and Ionic
We’ve seen many Firebase realtime apps with chats, shopping lists and the classic todo list. But there’s so much else that can benefit from the live updates and sync of your data. What if we could visualise Firebase Data?
[Read more…] about How to Visualise Firebase Data with Chart.js and Ionic
Increase Ionic Scroll Performance with Virtual Scroll & Infinite Scroll
When working with Ionic we mostly use the classic Ionic list and iteration patterns we know about. However, if you have a lot of data to display it makes sense to keep an eye on the Ionic Scroll Performance of your application.
[Read more…] about Increase Ionic Scroll Performance with Virtual Scroll & Infinite Scroll
How to Store Files on Firebase Storage with Ionic
We all know that Firebase is pretty amazing when it comes to realtime updates of your data. But what Firebase is also great for is uploading data and files to the private Firebase Storage each of your Apps has!
[Read more…] about How to Store Files on Firebase Storage with Ionic
10 Common Ionic Problems & Error Messages (And How to Fix Them)
We have all seen many error messages while developing our Ionic apps. Some appear more frequent, others appear only on very special occasions. But especially for beginners these messages can be challenging as the meaning of Ionic Problems is not always clear.
[Read more…] about 10 Common Ionic Problems & Error Messages (And How to Fix Them)
How To Increase Your Teams Efficiency with Ionic Pro
If you’re taking the hybrid route for your app development project you’ll save time compared to multiple separate native projects. What if you could save even more time by introducing another suite of tools called “Ionic Pro” to your team?
[Read more…] about How To Increase Your Teams Efficiency with Ionic Pro
