Module 12 Introduction

This is an introduction to the work we'll be doing in Module 12.0.

Project Source Code

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

This lesson preview is part of the TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In the last module, we built functionality to have users be able to create listings in the host page. However, one thing we noticed was when a user is to provide an image for a listing, we upload the image and store it in the database in base64 format. Storing images this way takes up a lot of memory in our database. In this module, we'll discuss about our existing approach of storing images of new listings and see how we can leverage Cloudinary, a cloud-based image and video management service to store images for our new listings on the cloud. (drum hits)