Categories
Ionic RxJS Tutorials

From Ionic Event to Rxjs Subjects

My Ionic Expense application uses hammerjs to add touch gestures. This app has very little gestures, just couple of swipes when changing dates. So I tried to add them but they are only available in ionic/angular version 5. As soon I updated, the Ionic Events broke, hello to rxjs subjects. Ionic Events are removed from […]

Categories
Angular Ionic Java Script Tutorials

Add Leaflet Markers, Popups and Circle

Although this article is part of series but you can follow along without going through the whole series. All the information provided can be applied to any JavaScript project. Add simple Leaflet Map Add Leaflet Markers, Popup and Circle Previously, we build a simple map with leaflet. In this article we will look into location […]

Categories
Angular Ionic Tutorials

Add leaflet to Ionic Angular [Screencast]

Leaflet is a lightweight, leading solution to interactive maps. It’s open source, beautiful and quite extensible. Not to forget it’s also a mobile friendly so works best with Ionic. Why not Google Maps? Well whenever map is concerned, Google Maps comes to the mind. Apparently GMaps (for short) provides more map services than just the […]

Categories
Ionic Tutorials

Ionic UI – Design Challenge – Incoming Expenses [Screencast]

In this article of Ionic design challenge we are looking at this expense app dribbble shot. We are going to convert the lower part of the design (as marked in the screenshot below) using ionic built in components. If you are more of a video person that I have also attached the video the end […]

Categories
Ionic Link

How to effectively host Ionic PWA to Heroku

Ionic PWA can also be read as Ionic Progressive Web App.