Spring Boot + SQL Server: CRUD Operations example

In this tutorial, we’re gonna build a Spring Boot CRUD Operations example with Maven that use Spring Data JPA to interact with Microsoft SQL Server (MSSQL). You’ll know:

  • Way to use SQL Server maven dependency in Spring Boot
  • 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 MSSQL Database

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

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

Using JdbcTemplate instead of JPA:
Spring Boot JdbcTemplate example with SQL Server

Other databases:
Spring JPA + H2
Spring JPA + PostgreSQL
Spring JPA + MySQL
Spring Data + MongoDB

Read More

React Dropzone example: Multiple Files upload with ProgressBar

In this React tutorial, I will show you way to build React Dropzone Multiple Files upload example using react-dropzone for drag & drop files, Axios and Multipart File for making HTTP requests, Bootstrap for progress bar and display list of files’ information (with download url).

More Practice:
React File Upload/Download example with Spring Boot Rest Api
React.js CRUD example to consume Web API
React JWT Authentication & Authorization (without Redux) example
React Redux: JWT Authentication & Authorization example

Read More


React Typescript Login and Registration example

In this tutorial, we’re gonna build a React Typescript: Login and Registration example with React Router, Axios and Bootstrap (without Redux). I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for React Typescript Authentication (without Redux) with React Router & Axios
  • Creating React Components with Form Validation using Formik and Yup
  • React Typescript Components for accessing protected Resources (Authorization)
  • Dynamic Navigation Bar in React Typescript App

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React Typescript CRUD example Project with Axios and Web API

Fullstack (JWT Authentication & Authorization example):
React + Spring Boot
React + Node Express + MySQL/PostgreSQL
React + Node Express + MongoDB

Using Typescript with React Hooks instead:
React Typescript Authentication example with Hooks

Read More