loizenai | Mobile & Web Programming Tutorials

Spring Boot FCM Push Notification Android Example

Tutorial: “Spring Boot FCM Push Notification Android Example – Firebase Cloud Messaging”

In the article Firebase Cloud Messaging – How to Subscribe TOPIC & Receive Messages | Android, we have created an Android App that can subscribe/unsubscribe specific TOPIC and receive Message Data, but we used Firebase Notification Console GUI to generate Notification. Today, we’re gonna look at way to create a Spring Boot Application Server that can make message and push notification to Android Client via Firebase.

Continue reading “Spring Boot FCM Push Notification Android Example”

@angular/fire/storage Angular 11 Upload files to Firebase

Tutorial: @angular/fire/storage – Angular 11 Upload/Display/Delete files to/from Firebase Storage using @angular/fire

Sourcecode at GitHub: Angular Upload Files to Firebase Storage

In this tutorial, ozenero.com shows you way to upload, get, delete Files to/from Firebase Storage in a simple Angular 11 App using @angular/fire. Files’ info will be stored in Firebase Realtime Database.

Continue reading “@angular/fire/storage Angular 11 Upload files to Firebase”

Reactjs CRUD Firestore example – Firebase Tutorial

Tutorial: “Reactjs CRUD Firestore example – Firebase”

Firestore is a NoSQL document database built for automatic scaling, high performance, and ease of application development. It supports offline mode so our app will work fine (write, read, listen to, and query data) whether device has internet connection or not, it automatically fetches changes from our database to Firebase Server. So In the tutorial, I introduce an example “Reactjs CRUD Firestore example”.

– I draw a fullstack overview diagram architecture from Reactjs frontend to Firestore.
– I illustrate details about react-firestore CRUD operations.
– I implement Reactjs application to do CRUD request (Post/Get/Put/Delete) to Firebase Firestore.

Continue reading “Reactjs CRUD Firestore example – Firebase Tutorial”

Reactjs CRUD Firebase Realtime Database Example

Tutorial: “Reactjs CRUD Firebase Realtime Database Example”

The Firebase Realtime Database is a cloud-hosted NoSQL database that lets you store and sync data between your users in realtime. In the tutorial, I introduce how to build an “Reactjs CRUD Firebase Realtime Database Example ” project to do CRUD operation: POST/GET/PUT/DELETE requests with step by step coding examples.

– I draw a fullstack overview diagram architecture from Reactjs frontend to Firebase Realtime Database.
– I illustrate details about react-firebase CRUD operations.
– I implement Reactjs application to do CRUD request (Post/Get/Put/Delete) to Firebase Realtime database.

Continue reading “Reactjs CRUD Firebase Realtime Database Example”

Tutorial: Angular 9 CRUD Firestore Example – use @angular/fire: Post/get/delete/update query documents

The Firestore is a cloud-hosted NoSQL database that lets you store and sync data between your users in realtime. We can structure data in our ways to improve querying and fetching capabilities. So in the tutorial, I introduce how to build an “Angular 9 CRUD Firestore Example” project with the help of @angular/fire lib to do CRUD operation: POST/GET/PUT/DELETE queries with step by step coding examples.

– I draw a fullstack overview diagram architecture from Angular frontend to Cloud Firestore.
– I illustrate details about @angular/fire CRUD operations.
– I implement Angular 9 CRUD application with the @angular/fire lib to do CRUD queries (Post/Get/Put/Delete document) to Cloud Firestore.

Continue reading “Tutorial: Angular 9 CRUD Firestore Example – use @angular/fire: Post/get/delete/update query documents”