Django Angular 12 PostgreSQL CRUD Example

Django is a Python-based free and open-source web framework that follows the model-template-view architectural pattern. Angular 12 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 12 PostgreSQL CRUD RestAPI Example” with Fullstack Projects providing POST/GET/PUT/DELETE requests using Django Rest Framework and PostgreSQL database with step by step coding examples:

– I draw a fullstack overview Diagram Architecture from Angular 12 Frontend to PostgreSQL database through Django RestAPI backend.
– Develop Django CRUD RestAPIs with the supporting of Django Rest Framework.
– Implement Angular 12 CRUD application with the Angular 12 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 12 HttpClient to do CRUD requests to Django RestAPIs Server and save/retrieve data to PostgreSQL database.

Related posts:


Continue reading “Django Angular 12 PostgreSQL CRUD Example”

Angular 6 SpringBoot CRUD DynamoDB Example

Tutorial: “Angular 6 SpringBoot CRUD DynamoDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular 6 DynamoDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular 6 Client, SpringBoot RestAPIs, and DynamoDB database.
– Implement Angular 6 CRUD Client with Angular 6 built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from DynamoDB using Spring Data JPA and returns back data as Json format to requested Angular 6 Client.

You can check out the complete code of the application on this github repository.

Related posts:


Continue reading “Angular 6 SpringBoot CRUD DynamoDB Example”

Angular 8 SpringBoot CRUD DynamoDB Example

Tutorial: “Angular 8 SpringBoot CRUD DynamoDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular 8 DynamoDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular 8 Client, SpringBoot RestAPIs, and DynamoDB database.
– Implement Angular 8 CRUD Client with Angular 8 built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from DynamoDB using Spring Data JPA and returns back data as Json format to requested Angular 8 Client.

You can check out the complete code of the application on this github repository.

Related posts:


Continue reading “Angular 8 SpringBoot CRUD DynamoDB Example”

Angular 9 SpringBoot CRUD DynamoDB Example

Tutorial: “Angular 9 SpringBoot CRUD DynamoDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular 9 DynamoDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular 9 Client, SpringBoot RestAPIs, and DynamoDB database.
– Implement Angular 9 CRUD Client with Angular 9 built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from DynamoDB using Spring Data JPA and returns back data as Json format to requested Angular 9 Client.

You can check out the complete code of the application on this github repository.

Related posts:


Continue reading “Angular 9 SpringBoot CRUD DynamoDB Example”

Angular 10 SpringBoot CRUD DynamoDB Example

Tutorial: “Angular 10 SpringBoot CRUD DynamoDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular 10 DynamoDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular 10 Client, SpringBoot RestAPIs, and DynamoDB database.
– Implement Angular 10 CRUD Client with Angular 10 built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from DynamoDB using Spring Data JPA and returns back data as Json format to requested Angular 10 Client.

You can check out the complete code of the application on this github repository.

Related posts:


Continue reading “Angular 10 SpringBoot CRUD DynamoDB Example”