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

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

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

[Khalil-Artur]

Oh! Man. I recently finished my React course on Udemy and your tutorial shows me the power of combining these two tools. Thanks. What you do on youtube is great.

[amazingnature]

I was waiting for the react and spring boot tutorial. I found it finally. Hope to complete it in next day.
30 min for today.

[dennishadzialic]

If you have a problem starting the backend due to "region undefined" add .withRegion("<your region>") after .standard in AmazonConfig.java my return statement looks like this: return AmazonS3ClientBuilder
.standard()
.withRegion("eu-central-1")
.withCredentials(new
.build();

[dawudrahman]

Marshallah you have a great way of presenting live coding clearly and concisely! I really enjoyed watching this

[diegoalexandre]

Congrats, man! I've learned a lot with you! Let's go to functional programming course right now! :)

[simonbolivar]

this guy is my new god, my new religion you saved from being fired, and now thanks to you im teaching my supervisor that is a senior now, my soul belongs to you now.

[jasper]

This is a really good video. Thanks a lot for sharing. Its shame that this wonderful tutorial has so few views.

[ksdekamil]

I really appreciate everything you do for your students. I'm glad to see another great source of knowledge.

[daekunhan]

more spring boot and react full-stack classes plz!!

[alejandrolara]

I finished the tutorial today and everything works i did everything with VScode, if you get stucked either the answer is on the comments or you have a typo, thank you for such a great tutorial amigo chingón!!!

[ciscoramonsanchez]

I'm about to get my first internship I web development React/spring boot. And I've mainly learn the basic withAamigosCode. May Allah bless you 🙏

[kookaburra-au]

Thanks for the tutorial, it was useful and kept my Sunday busy : )

[abdusemedlezin]

Hi following your course from Ethiopia. Thank you!

[viniciussousa]

Hi from Brazil. Thank you for the react course!! <3

[vikramchawan]

Thank you so much for this wonderful tutorial. It was a great ride. Looking forward to more such tutorials from you. Thanks again!

[nadiiar]

Greetings from Ukraine! Thank you so much for this great tutorial. You are the best! I wish you make full stack web development videos with Java, React, Spring and so on more often. I appreciate your work.

[googleuser]

FYI:
28:45 instead of typing Object.equals() for each field, you could've just deselect the non-null fields (28:25).
It would've automatically generated the implementation that uses Object.equals().
1:48:10 instead of adding getMimeType() to each enum, you could've simply got MIME-type of the file, like that: It's shorter and faster.

[kentwilson]

I am a big fan of spring boot and react, and I need to learn aws for my job. This is just for me!

[TheBlackManMythLegend]

brilliant. I follow through everything. I was a j2ee dev 6 or 7 years ago the landscape changed this help me catching up.

[oleksandrhusiev]

The only channel, where I click LIKE before start watching.