Cloudinary: Upload and Download Images

[brandonw504]

Research how to use Cloudinary (a CDN) to upload images of products and fetch them. If you're not familiar with Content Delivery Networks (CDNs), I recommend quickly learning about them before starting. If you ever get stuck, you can take a look at the Include CMS, which has an example of using Cloudinary.

You should make a page where users can upload images, and when someone visits the list of products page, you'll fetch the product images to display. When building, test with a personal Cloudinary account (it's free) before we move to the Include account.

Tasks:

• Add a Media object to the API that contains file information and the cloudinary ID.
• Create a reusable utility function that takes in a media item and uploads it (you'll need to create a Cloudinary account, and you'll make a POST request to upload media)
• Use the utility function to add image uploading to the page on the frontend, and fetch images to display them on the product list

[KiranJoji]

Implementation Document: https://docs.google.com/document/d/1XFxxQPWPGA4WVOlmipbqMhCdP14ub-YLyKWTgvzlBOk/edit?usp=sharing

[brandonw504]

I've left a few comments on the doc, just try to elaborate a bit more on how you'll actually implement the image uploading and downloading components. After that, it should be good to go!