Skip to content

Gloomsmith, the AI-generated de-motivational quote image generator that brings laughter, sarcasm, and absurdity to life.

License

Notifications You must be signed in to change notification settings

Capstone-42-quote-gen/ai-quote-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gloomsmith Logo

About Gloomsmith AI Quote Generator

Our website Gloomsmith is an innovative platform that harnesses the power of artificial intelligence to dynamically generate hilarious "de-motivational" quote images. By choosing from a diverse range of topics such as Relationships, Work, Politics, and more, users can craft their own personalized image. Additionally, they have the option to select a distinct "voice" from characters like Yoda, Forest Gump, Gollum, and others. The result is a truly original and amusing quote image that can be easily shared with friends. Casual users can also save their favorite creations and explore the latest and most popular ones continued entertainment.

  • Uses OpenAI API to generate quotes based on a "VOICE" and "TOPIC" list that is provided to the user.
  • Connects to Unsplash API to get related photos based on the topic selected.
  • Creates images with the quote embedded on it using IMGIX and provides multiple template options to select their favorite.
  • Browse through popular (based on likes), latest, and by Tags (topic/voices)

This was developed as our capstone project during the 2023 Deep Dive Full Stack Web Development Bootcamp (CNM Ingenuity)

Sample Quote Images

"Marriage --where you just keep practicing the same pose until death do you part" - Yoga Instructor

"Momma always said raising children is like chasin' a butterfly with a pair of garden sheers..You'll never catch it, so why even try" - Forrest Gump

"Working out? Ha! In this day and age we can download fitness apps that can do all the work for us anyway" - Tech Geek

Built With

  • OpenAI API - Quotes are generated no the fly from openAI API using our master prompt that passes a topic and voice value.
  • Unsplash API - Get images from the API related to quote topic that user selects.
  • imgIX - Dynamic Text Compositing. We use imgIX that is installed on unsplash and created our own templates. We Genarate the custom image by building our own url with all the quote and formatting information via the URL that is hotlinked direct to unsplash.
  • Docker
  • Node.js
  • Express
  • Redux Toolkit
  • TypeScript
  • React Bootstrap
  • MailGun - User account email activation
  • ReactJS

Team