Building a Dynamic Conference Badge Generator with Cloudinary - DevJams Episode #34

Join us in this episode of Cloudinary DevJams as we chat with Amy Dutton about her incredible project - a dynamic badge generator for the RedwoodJS Conference.

Amy shares her story into tech, her current role in the RedwoodJS core team, and the hands-on creation of a uniquely animated conference badge generator. She describes the challenges she faced and her process of overcoming them, the tech stack she used (including RedwoodJS, Prisma, React, GraphQL, Resend, Cloudinary and more), and provides insightful tips for aspiring developers.

This episode provides a detailed look under the hood of a complex project, demonstrates how to utilize various tech libraries and services, and hopefully inspires developers to take on challenging projects!
---
Episode Sections:
00:00 Welcome to DevJams
00:22 Meet Amy Dutton
00:54 Amy's Journey into Tech
02:22 Early Career and Influences
03:52 Transition to Web Development
05:11 Current Role at Redwood JS
08:34 Building the Redwood Conference Project
11:13 Tech Stack Overview
15:06 Exploring Prisma and Resend
18:08 Redwood Studio and Cloudinary Integration
21:16 Uploading Images to Cloudinary
21:59 Custom Upload Component
22:36 Creating OpenGraph Images
24:55 RedwoodJS Cells and States
27:14 Animating the Badge
29:12 Using GreenSock for Animation
35:55 Challenges and Learnings
37:17 Sharing and Open Source
39:49 Podcast and Community
---
Helpful Resources:
---