loizenai | Mobile & Web Programming Tutorials

MySQL Angular 12 Django CRUD Example

Tutorial: Django Angular 12 CRUD Example – Fullstack: Angular 12 + Django Rest Framework + MySQL.

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 Angular Django CRUD RestAPIs Fullstack Project with POST/GET/PUT/DELETE requests using Django Rest Framework and MySQL database with step by step coding examples.

Continue reading “MySQL Angular 12 Django CRUD Example”

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.

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.

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.

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.

Continue reading “Angular 9 SpringBoot CRUD DynamoDB Example”