Inspiration.
Many children with different backgrounds, identities, or abilities rarely see themselves represented in their favorite stories. I wanted to change that. My goal was to create a site where every child can be the hero of their own educational adventure, no matter their gender identity, cultural background, or disability.
What it does
StorySprout is an online site that generates personalized, inclusive children’s storybooks. Kids don’t just read stories, they become the them.
Here’s how it works:
- Create Your Character → A user chooses traits that represent them (skin tone, hairstyle, clothing, disability aids like wheelchairs or hearing devices, etc.). They can also choose a narrator voices that resonates with them.
- Pick a Theme → The app offers educational pre-generated stories like “Enchanting Forest,” which teaches them about ecosystems and protecting wildlife, or the user can build their own story from a selected genre.
- AI Storytelling → Our language model writes a unique, age-appropriate story starring the child’s character.
- AI Illustrations → Text-to-image generation produces storybook illustrations that match the narrative and double as printable coloring pages.
- Read (Or Listen) → The child can finally read or listen to their story and make decisions on how the adventure progresses. They also have the option to hover over "vocabulary words" to learn their definition and how it's pronounced.
The result: Every story is unique, inclusive, and educational. Kids see themselves reflected in positive, adventurous roles.
How I built it
I built StorySprout as a React website (combining Typescript and CSS). I used “Claude Sonnet 4” to generate personalized stories, Stable Diffusion to create the illustrations, and the ElevenLabs API for text-to-speech narration.
Challenges I ran into
I struggled with making AI-generated illustrations look consistent so the book felt cohesive.
Accomplishments that I’m proud of
I’m proud that I created a site where kids can design themselves as characters and see a complete story come to life with images and narration. I’m also proud of making inclusivity the heart of the project.
What I learned
How to use large language models (LLMs) to generate stories that are both coherent and age-appropriate. How text-to-image generation can be steered to create illustrations that are consistent and kid-friendly. Why inclusive design matters in technology, especially in education and storytelling.
What's next for StorySprout
Next, I want to add more character customization, expand the pre-generated stories, expand the story genres by integrating the OpenAI API, and improve the visual consistency of illustrations by integrating the StableDiffusion API into my site.
Built With
- css
- elevenlabs
- react
- typescript


Log in or sign up for Devpost to join the conversation.