Full Stack Archives

Spring Boot + React Redux example: Build a CRUD App

Last modified: April 10, 2021 bezkoder 1 Comment

In this tutorial, we will learn how to build a full stack Spring Boot + React Redux example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST APIs and Spring Data JPA for interacting with embedded database (H2 database). Front-end side is made with React, Redux, React Router, Axios & Bootstrap.

Run both projects in one place:
How to integrate React.js with Spring Boot

Other Databases:

Node.js Express, Angular 10: JWT Authentication & Authorization example

Last modified: January 8, 2021 bezkoder 2 Comments

In this tutorial, we will learn how to build a full stack Node.js Express + Angular 10 Authentication example. The back-end server uses Node.js Express with jsonwebtoken for JWT authentication & Authorization, Sequelize for interacting with MySQL database. The front-end will be created with Angular 10 with HttpInterceptor and Router. We’ll also perform Form validation on UI.

Newer version: Node.js Express, Angular 11: JWT Authentication & Authorization example

Fullstack:
– Angular 10 + Node.js Express + MySQL example: CRUD App
– Angular 10 + Node.js Express + PostgreSQL example: CRUD App
– Angular 10 + Node.js Express + MongoDB example: CRUD App
– Angular 10 + Node.js Express: File Upload example

Run both projects in one place:
How to Integrate Angular 10 with Node.js Restful Services

spring-boot-vue-js-crud-example-feature-image

[Full-stack] Spring Boot + Vue.js: CRUD example

Last modified: April 30, 2021 bezkoder 11 Comments

In this tutorial, we will learn how to build a full stack Spring Boot + Vue.js 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 MySQL/PostgreSQL database. Front-end side is made with Vue & Vue Router.

More Practice: Vue + Spring Boot: File Upload example

Run both Project on same server/port:
How to integrate Vue.js with Spring Boot

Serverless with Firebase:
– Vue Firebase Realtime Database: CRUD example
– Vue Firestore: Build a CRUD App example

integrate-angular-10-with-spring-boot-rest-api-feature-image

How to Integrate Angular 10 with Spring Boot Rest API

Last modified: April 6, 2021 bezkoder Leave a comment

In this tutorial, I will show you step by step to integrate Angular 10 project with Spring Boot Rest API so that Spring Boot and Angular 10 will run in one project. You will also know how to configure Angular 10 SPA Routing to avoid Whitelabel Error Page.

integrate-angular-11-with-spring-boot-rest-api-feature-image

How to Integrate Angular 11 with Spring Boot Rest API

Last modified: April 6, 2021 bezkoder Leave a comment

In this tutorial, I will show you step by step to integrate Angular 11 project with Spring Boot Rest API so that Spring Boot and Angular 11 will run in one project. You will also know how to configure Angular 11 SPA Routing to avoid Whitelabel Error Page.

react-redux-mysql-crud-example-feature-image

React Redux & MySQL: CRUD example with Node.js Express

Last modified: April 10, 2021 bezkoder 2 Comments

In this tutorial, I will show you how to build React Redux + MySQL CRUD example with Node.js Express server for REST APIs. Front-end side uses React Router, Axios & Bootstrap.

Run both projects in one place:
How to integrate React with Node.js Express on same Server/Port

django-angular-10-tutorial-rest-framework-crud-feature-image

Django + Angular 10 tutorial: CRUD App Django Rest Framework

Last modified: January 1, 2021 bezkoder Leave a comment

In this tutorial, we will learn how to build a full stack Django + Angular 10 example with a CRUD App. The back-end server uses Python 3/Django with Rest Framework for REST APIs and interacts with MySQL/PostgreSQL/MongoDB database. Front-end side is made with Angular 10, HTTPClient & Router.

Category: Full Stack