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 -

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 -

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 -

4. Spring-React-Blog

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

Technology Stack

ComponentTechnology
FrontendReact 16+
BackendSpring Boot 2.1+, Java 11+
SecuritySpring Security, JWT
AuthLocal, Google, Facebook
DatabaseH2 Database, Mysql
PersistenceJPA
API DocumentationSwagger-UI
Client Buildnpm, yarn, webpack
Server BuildMaven
Following is the sample screenshot of the this application -

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. 

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.
  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

Comments

  1. You've written a very useful article about Ecommerce App Development Company Singapore. This article provided me with some useful knowledge. Thank you for providing this information. Keep up the good work.

    ReplyDelete

Post a Comment