Spring Boot, React JS Full Stack Project Development Tutorial [Download Source Code]

In this step-by-step tutorial, we will build a Todo full-stack web application using Java, Spring Boot, JavaScript, React JS, and MySQL database.

Build Spring Boot React Full Stack Project — Todo App

Let’s first build REST APIs for the Todo app using Spring Boot, and then we will build the React App to consume the REST APIs.

Create a Spring Boot Project and Import in the IDE

Let’s use the Spring Initializr tool to quickly create and set up the Spring Boot application.

Add Maven Dependencies

Add the below Maven dependencies to the pom.xml file:

                 <dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jpa</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<dependency>
			<groupId>com.mysql</groupId>
			<artifactId>mysql-connector-j</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>…