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)
Live site at: https://gloomsmith.lol
"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
- 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