Video Description

In this video you'll learn how to create a responsive user interface using React and Chakra UI, and a Node JS backend that handles image uploads. You'll also learn how to store and retrieve images from AWS S3.

Starting Files: https://github.com/nikitapryymak/react-node-s3-image-upload
Finished Files: https://github.com/nikitapryymak/react-node-s3-image-upload/tree/finished-files

Setup AWS Credentials:
https://docs.aws.amazon.com/cli/latest/userguide/getting-started-quickstart.html

AWS S3 SDK: https://docs.aws.amazon.com/AWSJavaScriptSDK/v3/latest/clients/client-s3/index.html

0:00 Intro
0:42 React Upload Image Button
13:44 API - Image Upload Endpoint
16:34 AWS S3 Bucket
17:12 AWS SDK
24:20 React - Fetching Images
28:17 AWS Presigned URLs
36:56 React Image Components
39:09 Trigger Image Refetching
41:09 Sort AWS S3 Files

Github: https://github.com/nikitapryymak
Support Me: https://www.paypal.com/paypalme/nikitapryymak

#react #aws #nodejs

---

View Comments