Posts

Showing posts with the label React JS

Spring Boot + ReactJS: File Upload & Download Example

Image
Hello everyone, today we will learn how to upload and download the file with Spring Boot and React. You could download the source code from our GitHub repository. Technologies Used: Backend: Spring Boot 2.7.0 Java 17 Frontend: React 17.0.1 Axios 0.27.2 Bootstrap 4.4.1 User Interface: Backend Project Directory: Frontend Project Directory: We will build two projects:  1. Backend:  springboot-fileupload-filedownload 2. Frontend: react-file-upload-download Project 1: springboot-file-upload-download pom.xml <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xmlns = "http://maven.apache.org/POM/4.0.0" xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > <modelVersion> 4.0.0 </modelVersion> <parent> <groupId> org.springframework.boot </groupId> <artifactI

ReactJS, Spring Boot JWT Authentication Example

Image
Hello everyone, In this tutorial, we’ll create a user registration & login example using ReactJS, Spring Boot, Spring Security, and JWT authentication. You could download the source code from our Github repository, the download link is provided at the end of this tutorial. Technologies used Backend Technologies: Java 17 Spring Boot 2.7.0 Spring Security Spring Data JPA JWT H2 Database Frontend Technologies: React 17.0.1 Axios 0.27.2 Redux 4.0.5 Bootstrap 4.5.2 ReactJS - SpringBoot - JWT - Flow Backend Project Directory: Frontend Project Directory: Following is the screenshot of our application - User Registration: User Signin: Profile View: Access Resource: We will build two projects:  1. Backend:   spring-boot-security-jwt 2. Frontend: react-redux-jwt Project 1: spring-boot-security-jwt Pom.xml <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "http://www.w3.org/2001/XMLSchem