Free Spring Boot ReactJS Open Source Projects | GitHub

In this post, I would like to suggest a few free Spring boot +ReactJS projects for learning purposes. You can download these Spring boot ReactJS projects from GitHub repository.

Learn and master in spring boot on Master in Spring Boot

You may be interested in below blog posts:

1. 10+ Free Open Source Projects Using Spring Boot
2. JSP Servlet Projects with Source Code Free Download
3. 20+ Free Open Source Projects Using Spring Framework
4. Free Open Source Angular Projects or Templates [GitHub]
5. Free Spring Boot Microservices Open Source Projects | GitHub | Download
6. Free Spring Boot Angular Open Source Projects | GitHub 

Prerequisites

To understand these free Spring boot ReactJS projects, you need to have a basic understanding of following tools and technologies:

Server-side technologies

• Spring Boot
• JDK - 1.8 or later
• Spring Framework
• Hibernate 
• Spring Data JPA 

Front end technologies

• ReactJS
• Bootstrap 3/4
• npm- 6.9.0
• Redux
• Node js 10+

Tools

• Maven - 3.2+
• IDE - Eclipse or Spring Tool Suite (STS) // Spring boot API development
• Visual Studio 2017 // React App development
• create-react-app CLI

1. ReactJS Spring Boot CRUD Full Stack App

In this full-stack project, we will learn how to develop a simple end-to-end full-stack web application that is basic Employee Management Application using React, Spring Boot.  

I have created this project for my free ReactJS + Spring Boot CRUD Full Stack App course on YouTube.

We will build two projects:

1. sprintboot-backend (server) – To develop REST API
2. react-frontend (client) – Consume REST API

In this project, you will learn how to build a full-stack web application that is basic Employee Management Application with CRUD features:

• Create Employee
• List Employee
• Update Employee
• Delete Employee
• View Employee

Following is the screenshot of the final version of our application -

GitHub repository - https://github.com/RameshMF/ReactJS-Spring-Boot-CRUD-Full-Stack-App

Blog post - https://www.javaguides.net/2020/07/spring-boot-react-js-crud-example-tutorial.html

YouTube playlist - ReactJS + Spring Boot CRUD Full Stack App - free course

2. Spring Petclinic ReactJS

This is a full-stack pet clinic application developed using ReactJS as front end and Spring boot as backend.

Following is the screenshot of the final version of this application -

GitHub repository - https://github.com/spring-petclinic/spring-petclinic-reactjs

3. Polling App

In this project, you will learn how to build an end-to-end full-stack polling app similar to twitter polls.

In this full-stack app, you will build two projects backend and front end applications.

You will build the backend server using Spring Boot where we’ll use Spring Security along with JWT authentication. We’ll use MySQL database for storage.

The front-end application will be built using React. You will learn how to use Ant Design for designing the user interface in the React App.

Following is the screenshot of the final version of this application -

GitHub repository - https://github.com/callicoder/spring-security-react-ant-design-polls-app

Blog post - https://www.callicoder.com/spring-boot-spring-security-jwt-mysql-react-app-part-1/

4. Spring-React-Blog

This is a token-based blog application using spring boot, react, and JWT.

Technology Stack

Component	Technology
Frontend	React 16+
Backend	Spring Boot 2.1+, Java 11+
Security	Spring Security, JWT
Auth	Local, Google, Facebook
Database	H2 Database, Mysql
Persistence	JPA
API Documentation	Swagger-UI
Client Build	npm, yarn, webpack
Server Build	Maven

Following is the sample screenshot of the this application -

GitHub repository - https://github.com/keumtae-kim/spring-boot-react-blog

5. React-Springboot-Microservices

This is a complete full-stack app developed using microservices architecture using Spring Cloud, Spring Boot, React, MySQL, Hibernate, Liquibase.

The application structure is as follows.

• microservice-user-management - Microservice implemented using Spring boot. 
• microservice-course-management - Microservice implemented using Spring boot.
• eureka-discovery-service - Microservice implemented using Spring eureka.
• zuul-gateway-service - Microservice implemented using Spring zuul. 
• client-side - A NodeJs application implemented using React. This consumes services hosted by server-side. 

GitHub Repository - https://github.com/senolatac/react-springboot-microservices.

6. BookStoreApp-Distributed-Application

Ecommerce project is being developed using Spring Boot Microservices and Spring Cloud (Backend) and React (Frontend). Splitting the e-commerce functionality into various individual microservices so that they can be distributed, scale really well, and make use of resources efficiently.

About this project

This is an E-commerce project, where users can adds books to the cart and buy those books.

The application is being developed using Java, Spring, and React.

Using Spring Cloud Microservices and Spring Boot Framework extensively to make this application distributed.

Architecture

All the Microservices are developed using spring boot. This spring boot application will be registered with eureka discovery server.

FrontEnd React App makes requests to NGINX server which acts as a reverse proxy. NGINX server redirects the requests to Zuul API Gateway.

Zuul will route the requests to microservice-based on the URL route. Zuul also registers with eureka and gets the IP/domain from eureka for microservice while routing the request.

GitHub Repository - https://github.com/RameshMF/BookStoreApp-Distributed-Application

Related Posts

1. Java Mini Projects with Source Code
2. 10+ Free Open Source Projects Using Spring Boot
3. JSP Servlet Projects with Source Code Free Download
4. 20+ Free Open Source Projects Using Spring Framework
5. Free Open Source Angular Projects or Templates [GitHub]
6. Free Spring Boot Microservices Open Source Projects | GitHub | Download
7. Free Spring Boot Angular Open Source Projects | GitHub