Spring Boot Tutorial | Spring Boot Full Stack with React.js | Full Course | 2021

Amigoscode 29 March, 20, 12:15 am

Video Description

n this course you will learn how to upload and download files (images) for a react front end application. You will implement everything from scratch using Spring Boot for the backend and Amazon S3 to store files (images). For the front end you will use react and hooks.

This is course will allow you store any files that you can think of, a common feature that most applications have. Whether its a web app or mobile app, what you will build will allow any client to upload files.

LINKS FOR THIS COURSE

🔗Github Repository - https://github.com/amigoscode/spring-s3-react-file-upload
🔗Join Closed Facebook Group for discussion and early access videos and courses | http://bit.ly/2FbuIkx

🔗IntelliJ - https://www.jetbrains.com/idea/
🔗https://code.visualstudio.com/
🔗https://nodejs.org/en/
🔗https://github.com/facebook/create-react-app
🔗https://github.com/react-dropzone/react-dropzone
🔗https://www.pexels.com/

TABLE OF CONTENTS

00:00 - Intro
02:01 - Spring Initializr
03:43 - IntelliJ and AWS SDK
06:31 - AWS Credentials
09:25 - Amazon S3 Client
11:33 - Creating S3 Bucket
18:26 - Saving files to S3 Bucket Implementation
25:34 - User Profile Model
30:23 - Create in-memory Database
34:32 - API & Service Layer Implementation
41:44 - Upload Image API
46:20 - Check list to upload images (logic)
49:03 - Facebook Create React App
53:35 - React Components and Axios
1:04:49 - Rendering User Profile
1:09:21 - React Dropzone
1:15:49 - Pexels
1:18:31 - UI Logic to send files to backend
1:25:23 - Increate servlet max file size
1:29:36 - Exercise
1:31:04 - Lets implement uploadUserProfileImage()
1:44:42 - Lets test things
1:53:40 - Set user profile image link
1:50:01 - Lets implement downloadImages()
2:08:24 - Implement download images on frontend
2:13:15 - Final touches
2:18:37 - Lets wrap it up

Few more things

▶️ Don't forget to subscribe | http://bit.ly/2HpF5V8
▶️ Join Closed Facebook Group for discussion and early access videos and courses | http://bit.ly/2FbuIkx
▶️ Follow me on Instagram | http://bit.ly/2TSkA9w