In this tutorial, we will learn how to build a full stack Angular 11 + Spring Boot + MongoDB example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data JPA for interacting with MongoDB database. …

In this tutorial, I will show you how to make Angular 11 File Upload Application with Firebase Storage using @angular/fire & AngularFireStorage. Files’ info will be stored in Firebase Realtime Database for Display/Delete operations. Angular 11 File Upload Firebase Storage example We’re gonna build an Angular 11 App that helps us: upload file to Firebase Storage see…

In this tutorial, I will show you step by step to integrate Vue.js with Spring Boot so that Spring Boot project can serve Vue App. You will also know how to configure Vue SPA Routing to avoid Whitelabel Error Page. Vue & Spring Boot application Overview Assume that we have 2 projects: Vue & Spring Boot:

In this tutorial, I will show you how to build Angular 11 CRUD App with Firebase Cloud Firestore that uses AngularFireStore service to get/add/update/delete documents in a collection. Angular 11 Firestore CRUD Overview We’re gonna build an Angular 11 Firestore App using @angular/fire library in which: Each Tutorial has id, title, description, published status. We…

In this tutorial, I will show you how to make File Upload/Display/Delete with Firebase Storage and Angular 10 with the help of @angular/fire. Files' info will be stored in Firebase Realtime Database. Firebase Storage + Angular 10 example Overview We’re gonna build an Angular 10 App that helps us: upload file to Firebase Storage see the progress…

In this tutorial, we will learn how to build a full stack Django + Angular + PostgreSQL example with a CRUD App. The back-end server uses Django with Rest Framework for REST APIs. Front-end side is made with Angular 11/10/8, HTTPClient & Router. Django + Angular + PostgreSQL example Overview We will build a full-stack Django +…

In this tutorial, I will show you way to build Material UI File Upload example with Rest API. The React App uses Axios and Multipart File for making HTTP requests, Material UI for progress bar and other UI components. …

In this tutorial, I will show you ways to convert Reactor Flux into List/Map that uses collectList(), collectSortedList(), collectMap(), collectMultimap() function. Ways to convert Flux into Collection We will use Flux methods such as: collectList(): accumulate sequence into a Mono<List>. collectSortedList(): accumulate sequence and sort into a Mono<List>. collectMap(): convert sequence into a Mono<Map>.

In this tutorial, I will show you step by step to integrate React project with Node.js Express Rest API so that we only need to run both on same Server/Port. You will also know how to configure React SPA Routing to avoid 404 on refresh. React & Node.js Express Application Overview Assume that we have 2…