AngularFire2 + FireStore | Pagination with Next & Previous in Tabular Form Example

FireStore is a Firebase service which provides NoSQL Cloud Database solutions. We can easily use Firebase SDK’s to use a number of services on Android, IOS and even on We Application.

In this tutorial, we will learn how to integrate FireStore service in Angular 8 application and how to store data in the FireStore cloud database using Firebase JavaScript SDK. For Angular, we will use Firebase’s official package to use its services in Angular project known as AngularFire2.

Our tutorial example Application will have a form to submit values in FireStore and a Table to list items from the database. We will implement FireStore Query methods to load data in chunks from database using limit, there will be two buttons to load Next and Previous set of records.

Continue reading AngularFire2 + FireStore | Pagination with Next & Previous in Tabular Form Example

Ionic 4 | Image Upload in Firebase with progress bar Tutorial

As we all know Firebase provides an awesome package of cloud services making the life of developers very easy. There is a wide range of tools available for next-level app development like Authentication, Testing, Analytics, Storage, Database, etc.

In this post, we will create an Ionic Application with Image Upload feature with Progress bar. It will also list already saved of Images. This application will focus on the two most important services of Firebase

Continue reading Ionic 4 | Image Upload in Firebase with progress bar Tutorial

Angular 7/6 | CRUD Operations using Firebase and Firestore Database in Angular Application Tutorial

In this post, we will implement the Firebase database in Angular 7 project. Firebase provides a cloud-based service Firestore, it is a NoSQL database which is very fast and easy to create and maintain.

In our example app, we will have Database CRUD operations which are commonly known as Create, Delete, Update and Delete. These are the basic database operation which is used in most of the real world application. To keep out app simple to understand we will not have routing.

Continue reading Angular 7/6 | CRUD Operations using Firebase and Firestore Database in Angular Application Tutorial

Ionic 4 CRUD Operations Using Firebase and Firestore Database Tutorial in Ionic 4 with Angular 7

In this post, we will use Firebase and Firestore’s NoSQL Database in Ionic’s latest version 4. In our tutorial, we will implement CRUD operations which stand for Create, Read, Update and Delete.

CRUD operations are some of the basic and required by most of the application dealing with database communications. Here we will use Firestore which is Google Firebase service providing Cloud-based storage services.

Continue reading Ionic 4 CRUD Operations Using Firebase and Firestore Database Tutorial in Ionic 4 with Angular 7

Ionic 3 | Adding Bug and Crash Reporting System Crashlytics in Ionic Native 3.X

Firebase Crashlytics service is widely used these days by many developers, it helps in reporting crash, bug, and error reporting in your dashboard. This helps a lot to know the reasons behind application crashes and improving user experiences. Firebase Crashlytics is now only used in Native applications, In this tutorial, we will implement to Cordova plugin in Ionic 3 application providing close enough automation in Crash reporting.

Continue reading Ionic 3 | Adding Bug and Crash Reporting System Crashlytics in Ionic Native 3.X

Implement Realtime Firebase Database in a Webpage from Scratch

Firebase Real-time Databases use WebSockets to keep an eye on data changes on the server side and those changes are reflected in real time on the client side. Here we will create a simple example webpage using Firebase Real-time Database, this will be a “Hello World” type example explaining the basic method to read write and update methods available. Firebase real-time database service provides free of cost from firebase up to certain limits which you can check on their available plans.

Continue reading Implement Realtime Firebase Database in a Webpage from Scratch

Resolved! FirebaseInstanceIdService is deprecated

So after updating the version of firebase-messaging in the build.gradle file from v17.0.0 to v17.1.0, strange things started happening…

there was a line of horror in service I used to use for messaging in my application. After some research, I landed on this page.

Let’s quickly go to updates which we need to do to get it working like before.

Continue reading Resolved! FirebaseInstanceIdService is deprecated