loizenai | Mobile & Web Programming Tutorials

Tutorial: Angular 10 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 10 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 10 CRUD application with the @angular/fire lib to do CRUD queries (Post/Get/Put/Delete document) to Cloud Firestore.

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

Integrate Angular 10 Firestore Tutorial using @angular/fire

Tutorial: Integrate Angular 10 Firestore using @angular/fire

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 “Integrate Angular 10 Firestore using @angular/fire”.

– I draw overview diagram architecture of our system.
– Create a Firebase account and setup Cloud Firestore.
– Setup an Angular WebApp that integrate with Firestore.

Continue reading “Integrate Angular 10 Firestore Tutorial using @angular/fire”

Angular 10 CRUD Firebase Realtime Database – use @angular/fire

Tutorial: Angular 10 CRUD Firebase Realtime Database – use @angular/fire 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 “Angular 10 CRUD Firebase Realtime Database Example ” project with the help of @angular/fire lib to do CRUD operation: POST/GET/PUT/DELETE requests with step by step coding examples.

– I draw a fullstack overview diagram architecture from Angular frontend to Firebase Realtime Database.
– I illustrate details about @angular/fire CRUD operations.
– I implement Angular CRUD application with the @angular/fire lib to do CRUD request (Post/Get/Put/Delete) to Firebase Realtime database.

Continue reading “Angular 10 CRUD Firebase Realtime Database – use @angular/fire”

Integrate Angular 10 Firebase Realtime Database using AngularFire2 Example

Tutorial: Integrate Angular 10 Firebase Example with Firebase Realtime Database

Firebase is a platform developed by Google for creating mobile and web applications. Firebase gives you the tools to develop high-quality apps, grow your user base, and earn more money. So In the tutorial, I introduce an example “Integrate Angular 10 Firebase using Realtime database”.

– I draw overview diagram architecture of our system.
– Create a Firebase account and setup a Firebase Realtime database.
– Setup an Angular WebApp that integrate with Firebase.

Continue reading “Integrate Angular 10 Firebase Realtime Database using AngularFire2 Example”

Django Angular 10 MongoDB CRUD Example | using Django Rest Framework + Djongo + Atlas MongoDB

Django is a Python-based free and open-source web framework that follows the model-template-view architectural pattern. Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google. In the tutorial, I introduce how to build a “Django Python Angular 10 MongoDB CRUD RestAPI Example” with Fullstack Projects providing POST/GET/PUT/DELETE requests using Django Rest Framework and MongoDB database with step by step coding examples:

– I draw a fullstack overview Diagram Architecture from Angular Frontend to MongoDB database through Django RestAPI backend.
– Develop Django CRUD RestAPIs with the supporting of Django Rest Framework and Djongo library.
– Implement Angular CRUD application with the Angular Httpclient to do CRUD request (Post/Get/Put/Delete) to Django Backend APIs.
– I create a testsuite with a number of integrative testcases with CRUD RestAPI requests from Angular 10 HttpClient to do CRUD requests to Django RestAPIs Server and save/retrieve data to MongoDB database.

Continue reading “Django Angular 10 MongoDB CRUD Example | using Django Rest Framework + Djongo + Atlas MongoDB”