BGradient

Inspiration

Designers need a quick way to create professional presentation templates that are minimalist and on-brand.

Users create a simple and stylish background by selecting a brand color and combining it with a gradient.

Started project with Canva Apps SDK starter kit on GitHub
Reviewed examples in starter kit and combined code from the Color, Page_Background, and Image Replace examples in the src/app.tsx file
Uploaded transparent png gradients to the assets/images folder
Adjusted code so the user could set a background color and add a gradient image
Modified the .env file and previewed the app in Canva using localhost
Used "npm run build" to generate an app.js file
Uploaded app.js file, filled out app information, and submitted app
Received Functional Review feedback, updated App UI Kit, and resubmitted
Received Design Review feedback. Updated app layout, functionality, and submission details
Went through another round of revisions and resubmitted app

Getting started was challenging and a bit intimidating, but the examples in the starter kit were helpful.
Making alerts appear and disappear was difficult for me. This functionality was requested in the design review. I had to rely heavily on the Canva Developer Documentation and React forums, but I was able to add the functionality after trial and error.
The review process took longer than I initially expected. Since there may be a lot of required functional and design changes, it is important to submit Canva apps a month or two before deadlines.