Published in JavaScript in Plain English·Mar 1Build an Ionic App that Works OfflineBonus: Comes with an online indicator — …I want this app to work offline. I want it to show me when its offline and when it gets back online. I think it should be easy, right? — Client brief Well, one could argue that this might be an easy proposition, and you will be right, it is…Ionic4 min read
Dec 8, 2021Making a case for Merdeka 118: Why its a good thingMerdeka 118 is the newly crowned tallest building in South East Asia. Located in Malaysia, it stands at 678.9 …Merdeka 1186 min read
Published in JavaScript in Plain English·Nov 23, 2021Ionic 5 and above: SSL Pinning for iOSTook me a while to figure this out. Nearly 2 months in fact. Started questioning my sanity for looking up the solution to this problem, but I finally did it! I was able to figure out how to do SSL Pinning for iOS with the Ionic framework. I am writing…Ionic4 min read
Published in JavaScript in Plain English·Oct 16, 2021How to Build an Ionic Angular Capacitor App with a QR Code ScannerThe pandemic brought about recognition of the QR code to a new level. In Malaysia particularly, before entering any premises, it is compulsory for Malaysians to scan a QR code, as a way to track one’s movements in order to curb and trace the prevailing pandemic. So, as a result…Java Script4 min read
Published in Level Up Coding·Sep 20, 2021Ionic React: Sharing data between views using ReduxReact is akin to the wild west. You have the freedom of multiple user interface options, routing method options, and even state storage options. Ionic provides a ready-to-go set for its user interface and router. This provides two things, for a developer trying to start building an app, less worry…Ionic4 min read
Published in JavaScript in Plain English·Aug 31, 2021Ionic Angular Capacitor with Biometric IDWith Capacitor native bridge (3.0 at the time of writing), creating a mobile Android or iOS app that uses Biometric ID is really easy. Capacitor, a part of Ionic (the company) have quite a list of plugins to choose from. The plugins are listed here: Capacitor: Cross-platform native runtime for web apps Plugins in Capacitor enable JavaScript to interface directly with Native APIs. Official Plugins Official Plugins are…capacitorjs.comJava Script4 min read
Published in JavaScript in Plain English·Jun 15, 2021The Easy Guide: Using State Management with NGXS in an Ionic AppWhy NGXS State Management? Wouldn’t it be easy to save a piece of a variable or an object somewhere, which could be called back at any time at a moment’s notice? Something like a library of variables that is constant throughout an application and can be updated and called upon easily. Any changes to…Ngxs6 min read
Published in Level Up Coding·May 20, 2021Get live changes in your Angular project using ‘ngOnChanges’ functionI came across a very unique problem where I needed my Angular web component to react to changes on inputs that it receives. After some browsing, I came across ngOnChanges, and the guide on the Angular site, to be perfectly honest, kind of confusing. So here’s a simple guide on…Angular3 min read
Published in JavaScript in Plain English·May 20, 2021Using Host Listener to Change Screen Modes for Different Screen Sizes in an Angular ProjectDeveloping any web app-based project with Angular, in particular, requires you to assume that your user will be browsing your Angular project not only on a typical web browser on a PC but could also be viewed on an iPad or a mobile device. In some cases, to provide an…Angular3 min read
Feb 23, 20215 ways of securing your Ionic appIt is difficult to say this, but there is no way to make your Ionic app really uncrackable. Once you have completed your app and pass it on to the public, if a hacker, would like to know how your app works, he/she, given time, would be able to crack…Ionic4 min read