> For the complete documentation index, see [llms.txt](https://rpeltz.gitbook.io/portfolio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rpeltz.gitbook.io/portfolio/projects/learning-apps/code-sandbox-playground-for-cloudinary-transformations-prototype.md).

# Code Sandbox Playground for  Cloudinary Transformations Prototype

Use an application that embeds Codesanboxes to learn the Cloudinary React SDK.

<figure><img src="https://320946203-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsIsDrn266jEHtiYlP71n%2Fuploads%2FLf2mWyEjdC6OF5VBFq5X%2Fcld-react-playground.png?alt=media&amp;token=774e5e9c-aa79-442a-8484-ad8357e91cdd" alt=""><figcaption><p>Prototype for an application to experiment with Cloudinary React SDK</p></figcaption></figure>

### Description

While working at Cloudinary as a Curriculum Program Manager, I created a prototype for a playground using a React library called [sandpack-react](https://www.npmjs.com/package/@codesandbox/sandpack-react).  This library is hosted by [codesandbox.io](https://codesandbox.io/).  The intention was to provide sample code that the user could modify and try out the creation of  Cloudinary transformations on images, video, and audio.

### Technology

This front-end application was created with the React framework using the Cloudinary React SDK.

[Code](https://github.com/rebeccapeltz/sandbox-react-cld)

[Application](https://beckypeltz.online/sandbox-react-cld/)