Full Stack + React + Spring Boot + H2

In this Video, We will be building a Full Stack project for student system in which we'll use react JS as a Frontend and Spring Boot as Backend and H2 as a Database. We will use H2 Database which is in memory database to store student related data.
On the backend side We are going to create Backend application using Spring Boot and implements all the CRUD functionality using Rest API.
We will also test our Rest API's using Postman and verify results.
On the frontend side we are going to create table using react-table library and populate columns and data in it. Along side with columns & data we will also add action buttons like add and edit buttons in column header and data part along with its funtionality. We are also going to create react API's and integrate it with backend functionality using axios library and call backend API's using axios HTTP methods. Apart from this we are also going to cover core functionalities like Search Filter, Sorting and Pagination using functions and hooks available in react-table library.
I will also show you how to build a full-stack application using React + Spring Boot + H2 example with all the CRUD functionality.

React JS Spring Boot H2 | Build A Full Stack Web Application
Full Stack + React + Spring Boot + H2
full stack + react + spring boot + H2
full stack + spring boot + react + H2
react + spring boot + H2
spring boot + react + H2
react full stack project
spring boot + react + H2 project
spring boot + react + H2 project
reactjs + spring boot + H2
react js spring boot project
spring boot react-H2 project
spring boot + react + H2 project
reactjs spring boot crud example
react spring boot H2
full stack development projects
react H2 project
How to create full stack application using react js spring boot and H2
How to create full stack application using spring boot react js and H2

Timecodes
0:00 | Introduction
0:05:01 | User Interface Demo
0:10:01 | Architecture Diagram
0:11:15 | create spring boot application
0:15:22 | configure H2 in spring boot
0:17:40 | spring boot crud operations
00:34:34 | postman crud operations
0:42:08 | Create react app
0:44:27 | create table in react js
01:06:54 | get api in react js
01:10:14 | how to add color to table in react js
01:12:57 | how to create popup in react js
01:25:17 | post api in react js
01:31:18 | react table sorting
01:36:00 | react table search filter
01:38:29 | react table pagination
01:47:44 | how to add action button to react table
01:51:00 | update api in react JS
01:58:25 | error handling in react
02:04:55 | delete api in react JS
02:08:28 | end to end testing

#react #fullstack #springboot #crud #codefortechsolutions