---
type: video
yt_id: VVU2YVRMdUlfajQtMHdpRFN6bWFQY3RRLjQ1bldzbUJ4VDE4
videoId: 45nWsmBxT18
title: "Build a web app with React, Express, Mysql, S3, Heroku | Live Lesson Demo"
date: "2021-03-12T19:57:14Z"
slug: "build-a-web-app-with-react-express-mysql-s3-heroku-live-lesson"
image: 
  name: "build-a-web-app-with-react,-express,-mysql,-s3,-heroku-live-lesson-demo.jpg"
  alt: "Build a web app with React, Express, Mysql, S3, Heroku | Live Lesson Demo"
  width: 1280
  height: 720
status: 'published'
description: "In this hour-long class, I demo how to make a react app that uploads images to an s3 bucket and persists data to a MySQL database. Everything is hosted in the cloud."
tags: ['nodejs', 'react', 'react js', 'javascript']
---

In this hour-long class, I demo how to make a react app that uploads images to an s3 bucket and persists data to a MySQL database. Everything is hosted in the cloud.

* Heroku
* MySQL with JawsDB
* S3
* React JS

🔗Code:
[https://github.com/Sam-Meech-Ward/image-uploader-s3-mysql.git](https://github.com/Sam-Meech-Ward/image-uploader-s3-mysql.git)

🔗Other tutorials:
* Image Upload with S3: [https://youtu.be/NZElg91l_ms](https://youtu.be/NZElg91l_ms)
* S3 bucket for static assets: [https://youtu.be/RoY3ekCCxKc](https://youtu.be/RoY3ekCCxKc)
* Image upload without s3: [https://sammeechward.com/uploading-images-express-and-react/](https://sammeechward.com/uploading-images-express-and-react/)