Mad Libs
Overview
This project was built using React, Material UI, and JavaScript. The application is serverless, with API calls to Chatgpt for text generation and Flux for image generation. API calls are also made to AWS Lambda for backend logic and AWS S3 for storage. AWS DynamoDB is used to track story views, likes, and other story metrics. User history is cached on the user's browser.
This website is a platform to create AI generated mad libs stories and share them with others. The story creation process has three steps:
1. Enter the title of your story.
This triggers an API call to a LLM that generates a story based on your title.
2. Enter a variety of nouns, verbs, adjectives etc like you would for a mad libs.
After the user submits their story, another API call is made to generate an image that both tells the story and encorporates the user's input.
3. Enjoy your story! Share it and make it public or private for other users to enjoy.
The target audience for this product was primarily children and families. The user input fields contain a swear word filter and prompts were structred to keep the output family freindly.
Sample Story
