Angular 10 + Spring Boot + MySQL example: Build a CRUD App

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

Newer version: Angular 11 + Spring Boot + MySQL example: Build a CRUD App

More Practice:
Angular 10 + Spring Boot: JWT Authentication & Authorization example
Angular 10 + Spring Boot: File upload example
Pagination with Angular 10 + Spring Boot example

Other Database:
Angular 10 + Spring Boot + MongoDB example: CRUD Application
Angular 10 + Spring Boot + PostgreSQL example: CRUD Application

Serverless with Firebase:
Angular 10 Firebase CRUD Realtime Database
Angular 10 Firestore CRUD with AngularFireStore

Read More

node-js-express-sequelize-mysql-example-feature-image

Node.js Rest APIs example with Express, Sequelize & MySQL

Express is one of the most popular web frameworks for Node.js that supports routing, middleware, view system… Sequelize is a promise-based Node.js ORM that supports the dialects for Postgres, MySQL, SQL Server… In this tutorial, I will show you step by step to build Node.js Restful CRUD API using Express, Sequelize with MySQL database.

You should install MySQL in your machine first. The installation instructions can be found at Official MySQL installation manual.

Related Posts:
Build Node.js Rest APIs with Express & MySQL (without Sequelize)
Node.js: Upload/Import Excel file data into MySQL Database
Node.js: Upload CSV file data into MySQL Database

Fullstack:
Vue.js + Node.js + Express + MySQL example
Vue.js + Node.js + Express + MongoDB example
Angular + Node.js Express + MySQL example
React + Node.js + Express + MySQL example

Security: Node.js – JWT Authentication & Authorization example
Deployment: Deploying/Hosting Node.js app on Heroku with MySQL database

Read More

angular-10-node-express-mysql-example-feature-image

Angular 10 + Node.js Express + MySQL example: CRUD Application

In this tutorial, I will show you how to build a full-stack (Angular 10 + Node.js + Express + MySQL) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is an Angular App with HTTPClient.

Related Posts:
Server side Pagination with Node.js and Angular
Angular 10 + Node.js Express: JWT Authentication & Authorization example
Angular 10 + Node.js Express: File Upload example

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

Serverless with Firebase:
Angular 10 Firebase CRUD Realtime Database
Angular 10 Firestore CRUD with AngularFireStore

Read More

spring-boot-data-jpa-crud-example-feature-image

Spring Boot, Spring Data JPA – Rest CRUD API example

In this tutorial, we’re gonna build a Spring Boot Rest CRUD API example with Maven that use Spring Data JPA to interact with MySQL/PostgreSQL database. You’ll know:

  • How to configure Spring Data, JPA, Hibernate to work with Database
  • How to define Data Models and Repository interfaces
  • Way to create Spring Rest Controller to process HTTP requests
  • Way to use Spring Data JPA to interact with PostgreSQL/MySQL Database

More Practice:
Secure Spring Boot App with Spring Security & JWT Authentication
Spring Boot Rest XML example – Web service with XML Response
Spring Boot + GraphQL + MySQL example
Spring Boot Multipart File upload example
Spring Boot Pagination and Sorting example

Fullstack:
Spring Boot + Vue.js example
Angular 8 + Spring Boot example
Angular 10 + Spring Boot example
Angular 11 + Spring Boot example
React + Spring Boot example

Exception Handling:
Spring Boot @ControllerAdvice & @ExceptionHandler example
@RestControllerAdvice example in Spring Boot

Testing: Spring Boot Unit Test for JPA Repositiory with @DataJpaTest

Deployment: Deploy Spring Boot App on AWS – Elastic Beanstalk

Read More

Angular 11 + Node.js Express + MySQL example: CRUD Application

In this tutorial, I will show you how to build a full-stack (Angular 11 + Node.js + Express + MySQL) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is an Angular App with HTTPClient.

Related Posts:
Server side Pagination with Node.js and Angular
File Upload using Angular 11 and Node.js
Angular + Node.js Express: JWT Authentication & Authorization example

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

Serverless with Firebase:
Angular 11 Firebase CRUD Realtime DB | AngularFireDatabase
Angular 11 Firestore CRUD example | AngularFireStore

Read More

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

Spring Boot + Vue.js + MySQL: CRUD example

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

Related Posts:
Spring Boot + Vue.js: Authentication with JWT & Spring Security Example
Spring Boot + Vue.js + MongoDB: CRUD example

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

Read More