Motivational Quote

img-1
img-2
img-3
img-4

Inspiration

Everybody needs motivation and inspiration. Mental health is a concern in today's world, and a bit of caring and inspiration from someone or self-motivation is important. A little help from AI in generating some inspiring text can help someone in need to pep-up.

What it does

Motivational Quote uses images and text with an option to upload your own image, to make a collage in Canva.com. The user can share or download it and send them later.

How we built it

The application was built using Canva SDK, OpenAI and Amazon AWS using Typescript React and Node.js. The app is built in Canva and has some inspiring images to choose from. When an image is selected the text is generated based on the image. The app uses OpenAI's vision API to generate text based on the user selected image or one they upload from the computer. Amazon AWS Lambda function has the OpenAI keys.

Challenges we ran into

One main challenge was to figure out where to store the Open API key as it involves retrieving and showing it in the web browser. Amazon Lambda with Node.js and useful packages with encryption and decryption capabilities are used to retrieve the key and display motivational text. There were challenges with front-end to properly display the texts. Canva SDK with rich text and image features using Typescript React helped to generate text in different font colors, weights and style.