MERN Tutorial: Ep 11 - Media Management
Welcome back to our MERN Full Stack Web Dev course! In this episode, we’ll explore the concept of media management, which, in our context, means being able to upload not only text to a database, but images and possibly video/audio in the future if you'd like.
Steps Covered:
How to create a bucket in AWS S3
How to write backend (Express) routes for AWS S3
How to get valid AWS Credentials
How to connect AWS S3 to Mongo (via image key)
How to display an image from AWS S3 on your React page
Key Topics:
Full Stack Development
Frontend development
Backend Development
AWS S3
JavaScript S3-SDK
Media storage
🔗 Resources:
React Docs: https://react.dev/
AWS S3: https://aws.amazon.com/s3/
🔔 Don’t forget to like, comment, and subscribe for more full stack development tutorials! Hit the bell icon to get notified when we upload new videos.
#FullStackDevelopment #ReactJS #Vite #MongoDB #NodeJS #WebDevelopment #CodingTutorial #JavaScript #mernstack
Timestamps:
0:00 - Creating an AWS bucket
4:28 - AWS Backend Code
9:11 - AWS Credentials
13:03 - AWS Routes
21:27 - AWS API Calls
25:58 - AWS - Mongo Connection
33:28 - Image upload
42:16 - ERROR FIX
44:19 - Displaying image
Watch video MERN Tutorial: Ep 11 - Media Management online without registration, duration hours minute second in high quality. This video was added by user Austin Davis 20 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 23 once and liked it 1 people.