Follow me Hi Friends, Hope you are all well. This is episode 9 of my chat app series. In this post we’ll be seeing how to send images in chat. Let’s begin. A screencast of this post. The code for this post is available here. The complete code for this series is available here. […]
Chat app with Ionic 3 & Firebase – Ep. 8 – One2One Chat
Follow me Hi Friends, Hope you are all well. This is part – 8 of the Chat app series. In this post we’ll continue from where we left off and see how to create a provision to chat among two users. The screencast for this part. The code for this post is available – here […]
Chat app with Ionic 3 & Firebase – Ep. 7 – Accepting and ignoring requests
Follow me Hi Friends, Hope you are all well. In this part let’s see how to accept or ignore the friend requests received. I presume you have read all the previous parts of this series. Let’s begin from where we left off. A screencast of this post: The complete code for this part – […]
Chat app with Ionic 3 & Firebase – Ep. 6 – Sending requests
Follow me Hi Friends, Hope you are all well. This is part 6 of my chat app using Ionic 3 and firebase series. In this post we are going to send requests to other users to add them to our friends list. Let’s just jump into the code. I presume you have read all the […]
Chat app with Ionic 3 & Firebase – Ep. 5 – Adding Friends
Follow me Hi Friends, Hope you are all well. This is Part 5 of my chat app with Ionic 3 and firebase series. In this post we’ll see how to get all the users from firebase and show them to the user so that the can add his friends from the list. We’ll also show […]
Chat app with Ionic 3 & Firebase – Ep. 4 – Profile tab
Follow me Hi Friends, Hope you are all well. This is part 4 of my chat app with firebase & Ionic series. In this part, we’ll see how to bring in data to the profile tab and then create provisions for the user to edit his nick name or profile picture. The screencast for this […]
Chat app with Ionic 3 & Firebase – Ep. 3 – Profile pic & Password reset
Follow me Hi Friends, Hope you are all well. This is episode 3 of my chat app with Ionic 3 and firebase series. In this post let’s see how to choose a profile picture for our account from the phone’s file system and also how to code a password reset provision in our app. Let’s […]
Chat app with Ionic 3 & Firebase – Ep. 2 – Sign up
Follow me Hi Friends, Hope you are all well. This is episode 2 of creating a chat app using Ionic 3 and Firebase series. In this post let’s see how to create a sign up provision for the user using which he/she could create a new account and make use of it. Let’s begin. A […]
Chat app with Ionic 3 and firebase – Ep. 1 – Sign in & tabs.
Follow me Hello Friends, This is my first post on how to create a chat app using Ionic 3 and Firebase. This is going to be a series of posts covering how to create a complete chat app with real-time chatting and group chat features. You could also send images in your chat leveraging the […]
Chat app using Ionic 3 and Firebase.
Follow me Hi Guys, For the past two weeks, I have been building a chat app using Ionic 3 and Firebase. I made a small video about it I will make posts on how you could build your own chat application as well, in the upcoming days. Thanks for the support guys. Peace.. Follow me
Ionic 2 – Sending push notifications to specific devices (Part 2)
Follow me Hi Friends, Hope you are all well. This post is a response to several of our friends asking me to write one on sending push notifications only to certain devices and also to send notifications automatically from a program. So I have decided to split this into two. Part 1 – Writing trigger […]
Ionic 2 – Sending push notifications to specific devices (Part 1)
Follow me Hi Friends, Hope you are all well. This post is one of the most requested posts on this site. We’ll see how to send push notifications to specific devices through a program. This is done with the help of device tokens and the cordova fcm plugin. Let’s get started. A screencast of this […]
Ionic 2 – Push Notifications with firebase
Follow me Hi Friends, Hope you are all well. I made a post on Ionic 2 and push notifications long back. This post is an easier way to achieve the same now. Let’s begin. A screencast of this post. The complete code of this post can be found here. First scaffold out an app […]
Ionic 2 – Google Auth with Firebase
Follow me Hi Friends, Hope you are all well. This post is a response to a lot of our friends asking me to do a video on Google Authentication with firebase and so here we go. Let’s begin. The code for this post is available here. Scaffold out an application using the Ionic cli. Then […]
Ionic 2 – Payment processing with Stripe
Follow me Hi Friends, Hope you are all well. In this post we’ll discuss about Payment Processing in your Ionic 2 apps. This has been requested by a lot of our friends. We’ll be using an external library called stripe to achieve this. Let’s begin. A video screencast of this post The complete code […]
Ionic 2 – Google Maps
Follow me Hi Friends, Hope you are all well. This post is clearly the most requested one by our friends. We’ll see how to embed a map into your Ionic 2 app, and then moving the view, adjusting the zoom on the map and also how to place a marker on the map. Let’s begin. […]
Ionic 2 – Geolocation and Geocoding
Follow me Hi Friends, Hope you are all well. In this post let’s discuss about Geolocation and Geocoding in your Ionic 2 apps. One of the more commonly used features in almost all mobile apps nowadays is location based services. i.e., we identify the location of the user and provide services to him accordingly. So […]
Ionic 2 – Serving images with Firebase-Storage
Follow me Hi Friends, Hope you are all well. I apologise for a long delay in between my previous post and this one. In this post we’ll see how to use firebase-storage to store our images in our Ionic 2 apps. Let’s begin. A screencast of this post. Code for this post can be found […]
Ionic 2 – Firebase Authentication II
Follow me Hi Friends, This is a response to several of our friends saying that the code I provided for the Firebase post which I made a couple of weeks back din’t work in mobile devices and worked only in the browsers. I sincerely apologise for that and I decided to explain how to make […]
Ionic 2 – Video capture and playback
Follow me Hi Friends, Hope you are all well. This is one the most requested posts on this site. It’s pretty much simple to capture video in your Ionic 2 app, save it on your phone and play it back using a couple of plugins. Let’s begin. A video screencast of this post. The complete […]
Ionic 2 – Authentication using Firebase
Follow me Hi Friends, Hope you are all well. This is a long overdue post that has been requested by many of our friends ever since I started writing on this site. In this post let’s see how to build up a simple login interface using Ionic 2 and Firebase-auth. Let’s begin., A video screencast […]
Angular 2 – Peer 2 Peer video chat
Follow me Hi Friends, Hope you are all well. In this post let’s see how to do a simple video streaming functionality in your Angular 2 app using the simple-peer library. I already made a similar post using peerjs library. But that library doesn’t seem to be maintained nowadays and the last commit was 2 […]
Ionic 2 contacts – Just an update
Follow me Hi Friends, This post is just an update on my previous video on creating and querying contacts in Ionic 2 apps. A video screencast of this post The code for this post is available here. Since this video is just an update, There are very few changes that are essential for the deployment […]
Angular 2 – Publishing your Modules to npm.
Follow me Hi Friends, Hope you are well. In this post let’s see how to publish your Ng2 Modules to npm. This post is a response to a question I saw on reddit. One of our friends Cyrille Tuzi has written an excellent article on how to achieve this and having learnt from him, I […]
Angular 2 – Structural Directives
Follow me Hi Friends, Hope you are all well. In this post let’s talk about structural directives and how to create one of them. Now, that I have used the term structural directives rather than simply mentioning it as directives you might wonder about the other kinds of directives as well. Well there are three […]
Angular 2 – Lazy Loading
Follow me Hi Friends, Hope you are all well. I haven’t posted for about 10 days now, due to an illness. Anyway, now I am back and today in this post let’s talk about Lazy Loading. First of all, what is it? What is Lazy Loading and why should we use it in our apps […]
Angular 2 – Reactive forms
Follow me Hi Friends, Hope you are all well. In this post we are going to discuss about reactive forms. Wait., what about the forms that we are already using with the FormsModule. Those are the typical template-driven forms where you use ngModel and ngModelGroup to manipulate form fields. Reactive forms is slightly different from […]
Ionic 2 – Debugging your app
Follow me Hi Friends, This is a response post to many of our friends asking me how to debug our apps. To be honest, I din’t look into this much and followed the traditional method (which was a big headache as the app became large). One of our friends J Glaser contacted me and instructed […]
Angular 2 – Multiple router outlets
Follow me Hi Friends, Hope you are all well. This post is one of the most requested ones by our friends. It primarily deals with how to create multiple router outlets in your Angular 2 app and use them effectively with the help of child routes. Let’s begin. A video screencast of this post. […]
Ionic 2 – Google Auth
Follow me Hi Friends, Hope you are all well. This post is a response to many of our friends asking me about using Google Auth in your Ionic 2 apps. Let’s begin. A video screencast of this post. The complete code for this post can be found – here. The docs provided by the […]
Ionic 2 – Music app
Follow me Hi Friends, In this post let’s see how to create a simple mobile app that would open an audio file and play it using Ionic 2 framework and some cordova plugins. Let’s begin. A screencast of this post. The code for this post is available – here. Open up a new Ionic […]
Ionic 2 – Facebook Graph Api (updated)
Follow me Hi Friends, This post is again an update to my previous post on Ionic 2 and Fb Graph Api which can be found here. Now this is quite easy to do, if you had gone through my previous post. There has been a few changes here and there. A complete screencast of this […]
Ionic 2 – Rest Api Authentication (Updated)
Follow me Hi Friends, This post is an update to my previous post on Rest Api Authentication for your Ionic 2 apps which can be found here. Ionic 2 has undergone a lot of changes and has been through a lot of releases as well. Finally we now have an RC version which hopefully wouldn’t […]
Ionic 2 – Push Notifications (Updated)
Follow me Hi Friends, Hope you are all well. This post is an update to my previous post on implementing push notifications in your Ionic 2 app using the Ionic-cloud library. It has undergone a lot of changes guys. I am just gonna say it out loud. The Ionic 2 team has provided excellent docs […]
Creating desktop apps using Angular 2 – Updated.
Follow me Hi Friends, Hope you are all well. This is a response to most of our friends requesting me to update the Creating desktop apps using Angular 2 post here. Now that Angular 2.0 is out (Finally..!!) I decided to provide you all with an updated repo in this post. Let’s begin. A screencast […]
Angular 2 – Videochat using peerjs
Follow me Hi Friends, Hope you are all well. This post is a response to many of our friends asking me how to do simple videochats via WebRTC in Angular 2. Well, here we will be using a library called peerjs to accomplish the same. Let’s begin. A screencast of this post The complete […]
Angular 2 – Accessing twitter from your app.
Follow me Hi Friends, Hope you are all well. In our previous posts we have been seeing how to deal with Oauth mechanism in our apps. We also saw how to build a Oauth system from the ground up using NodeJS. This post is primarily focused on accessing Twitter’s resources in your angular 2 app. […]
Angular 2 – Building an app to demonstrate Oauth 2.
Follow me Hi Friends, Hope you are all well. This post is a sequel to my previous post on building an oauth 2 server using nodeJS. If you hadn’t read that yet kindly click here. Now that we have got the back-end up. We will focus on a front-end app using Angular 2. First of […]
Angular 2 – Building the OAuth2 server using nodeJS
Follow me Hi Friends, Hope you are all well. This is a response to many of our friends asking me to do a post on Oauth2 authorization method in our nodeJS backend. I am sorry since this took a really long time, but here we go. First of all this post is heavily inspired by […]
Angular 2 – Material design on your desktop apps.
Follow me Hi Friends, Hope you are all well. This post is a response to my friends asking me for more angular 2 + electron posts. In this post we are going to write some code that enables us to use material design on our electron apps. Let’s begin. A screencast of this post […]
Angular 2 – Animation basics.
Follow me Hi Friends, Hope you are all well. This post is again a response to many of our friends asking me about animations in Angular 2. Well, Angular 2 does have something for that as well and in this post we will be looking into the very basics of it. Let’s begin. A video […]
Angular 2 – Sending mails from your app.
Follow me Hi Friends, Hope you are all well. This post deals with sending mails from your angular 2 application using emailjs. It’s simple and pretty much easier to implement. Please note that you will need a email server in order to implement this. I will be using the email server that came along with […]
Angular 2 – Authentication using the new router.
Follow me Hi Friends, Hope you are all well. The new ‘improved’ router has been released and I made a post on it last week. Many of my friends who read that requested for an updated authentication post using that router and so this is a response to all my friends who requested the same. […]
Angular 2 – The New Router
Follow me Hi Friends, Hope you are well. Angular 2 team has released a new router lately to be used along with their RC versions. This kinda makes the old router obsolete and so I decided to post a new post on using this new router in your Angular 2 apps. Let’s begin. A screencast […]
Ionic 2 – Push Notifications
Follow me Hi Friends, Whoo… An Ionic tutorial after a looong time… Yup. This post deals with how to receive push notifications on your mobile through an Ionic 2 app and the Ionic-cloud-angular lib. This is a response to many of my friends asking me how to do Push Notifications in Ionic 2 apps. This […]
Angular 2 – Using DesktopCapturer in your electron apps.
Follow me Hi Friends, In this post we will write some code that will help us to use the desktopCapturer API in our apps. I will make use of the repo created by us already available here. The code explained in this tutorial is available here. A video screencast of this post: Clone that […]
Angular 2 – Creating menus and notifications in desktop apps
Follow me Hi Friends, This post is an update to my previous post on creating a desktop app using the angular 2 and electron framework. In this post I will show you how to create menus in your desktop apps. A screencast of this tutorial: (Thumbnail image credit – Freepik) The code of this tutorial can […]
Angular 2 – Sockets
Follow me Hi Friends, In this post let us see how to use sockets in our Angular 2 apps. In one of my previous posts, I have shown how to use socket.io along with Ionic 2 framework. So, many of our friends have been asking me to do a post on how to use it […]
Angular 2 – Working with Observables
Follow me Hello Friends, Hope you are all well. In this post let’s talk about Observables. Now observables are mentioned whenever people talk about reactive programming. Why is that so ? Well, when an application work’s synchronously; or rather when the events in an application are in sync then the states of an application can […]
Functional programming concepts in Javascript
Follow me Hi Friends, Hope you are all well. I have been busy working on a whole new series for you guys on Reactive programming with RxJs. Before we dive into reactive programming I felt that familiarity with a couple of functional programming concepts would help you grab rxjs easily. So in this post we […]
Angular attack – Hackathon – Oh yeah.. !!
Follow me Hi Friends, Hope you are all well. Over the past weekend I participated in an amazing event – The Angularattack hackathon conducted by the RumbleX team. It was a 48 hour event and the focus was mainly on Angular 2. I built a minimalistic issue-bulletin board that helps companies to log and handle […]
Packaging and distributing your electron/angular2 desktop apps
Follow me Hi Friends, Hope you are all well. This post is a sequel to my previous post Angular 2 – Desktop apps with Electron. If you haven’t yet read that, you could do so by clicking here. Let’s begin from where we left off. You can get the app from here. A video screencast […]
Angular 2 – Desktop apps with Electron
Follow me Hi Guys, Hope you are all well. In this post let’s see how to make awesome desktop apps with electron framework and angular 2. Electron is a framework by github to create awesome desktop apps with web technologies and is used widely. We will be creating a SPA using angular 2 and wrapping […]
Angular 2 – Testing
Follow me Hi Friends, Hope you are all well. This post is about writing unit tests for angular 2 applications. If you are familiar with jasmine(framework) and karma(test runner) you will find this post quite easy to understand. Angular 2 was designed with testability in consideration. So, it becomes rather easy to use classes in […]
Ionic 2 – Creating contacts and querying them
Follow me Hi Friends, Hope you are all well. A few days back one of our friends Henry mailed me asking me to do a post on using the Contacts plugin in Ionic 2. So here we go. The contacts plugin is under the ionic-native set of plugins which enhance the capabilities of our Ionic […]
Angular 2 – Pipes
Follow me Hi Friends, Hope you are all well. This post is about how to implement pipes in your angular 2 apps. Pipes are basically used to format, manipulate data before it’s shown on the end user interface. You could use any of the pipes that come with angular 2 or write your own custom […]
Angular 2 – Authentication
Follow me Hi Friends, Hope you are all well. This post is a response to several people asking me how to implement authentication in an angular 2 app. To answer you guys its simple and in this post I will show you exactly how to do it. Prerequisites: Please clone my ionic-authentication backend repo from […]
Test driven development in Javascript
Follow me Hi Friends, Hope you are all well. Today let’s see what test driven development actually looks like in practice with a small example. Test-driven development (TDD) is a software development process that relies on the repetition of a very short development cycle: first the developer writes an (initially failing) automated test case that defines […]
Angular 2 – Routing
Follow me Hi Friends, Hope you are well. First of all thank you guys, for reading my posts and supporting me by sharing my posts on social media. In this post I will explain the concept of Routing in Angular 2. Routing is nothing but enabling navigation to different pages of the application. Applications have […]
Angular 2 – Building Custom Form Validators
Follow me Hello Friends, Hope you are all well. This tutorial deals with building custom validators for your form fields. Forms are the most used UI components in several apps as they provide an excellent way of receiving input from users. To make sure you don’t receive junk data and to guide the user to […]