This is a submission for the The Pinata Challenge

This web application serves as a straightforward introduction to the Pinata platform. Designed to be easy to use and understand, it showcases the basic functionalities of Pinata for storing and managing files on the decentralized web.

Demo

https://memoir-frontend-tcfj.onrender.com

My Code

https://github.com/farisamamnoon/memoir

const pinata = new PinataSDK({
  pinataJwt: process.env.JWT,
  pinataGateway: process.env.GATEWAY,
  pinataGatewayKey: process.env.KEY,
});

The pinata instance setup using environment variables.

const image = await pinata.gateways.get(cid).optimizeImage(options);

These options come from the client which is configured to whatever container the image would be displayed to.