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”

Reactjs Nodejs PostgreSQL Example

In the tutorial, I introduce how to build an “React.js Nodejs CRUD PostgreSQL Example” project with the help of Ajax to POST/GET/PUT/DELETE requests with step by step coding examples:

– Nodejs project produces CRUD RestAPIs with PostgreSQL database using the supporting of Sequelize ORM.
– React.js project will consume the Nodejs CRUD RestAPIs by Ajax then show up on Reactjs component’s views.

Related posts:


Continue reading “Reactjs Nodejs PostgreSQL Example”

SpringBoot + React + PostgreSQL: SpringBoot React.js CRUD Example

Tutorial: SpringBoot + React + PostgreSQL: Build CRUD Application with SpringBoot React.js Example

In the tutorial, I introduce how to build an “SpringBoot React.js CRUD PostgreSQL Example” project with the help of SpringData JPA for POST/GET/PUT/DELETE requests with step by step coding examples:

– SpringBoot project produces CRUD RestAPIs with PostgreSQL database using the supporting of Spring Data JPA.
– React.js project will consume the SpringBoot CRUD RestAPIs by Ajax then show up on Reactjs component’s views.

Related posts:


Continue reading “SpringBoot + React + PostgreSQL: SpringBoot React.js CRUD Example”

Angular 9 Node.js PostgreSQL CRUD Example – Express RestAPIs + Sequelize ORM

Tutorial: Angular 9 Node.js PostgreSQL CRUD Example – Express RestAPIs + Sequelize ORM

In the tutorial, I introduce how to build an Angular 9 Nodejs PostgreSQL CRUD Example RestAPIs project with the help of Express Web Framework and Sequelize ORM for POST/GET/PUT/DELETE requests with step by step coding examples.

Related posts:


Continue reading “Angular 9 Node.js PostgreSQL CRUD Example – Express RestAPIs + Sequelize ORM”

SpringBoot + Angular 9 + PostgreSQL CRUD Example – Architecture Diagram

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

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

Related posts:


Continue reading “SpringBoot + Angular 9 + PostgreSQL CRUD Example – Architecture Diagram”