Cartoon Care

Personalized AI storybooks that help children understand their medical conditions, with audio narration and interactive games designed for every child, including those with visual impairments.

Comment

Inspiration

Imagine being 6 years old, burning up with a fever, and having no idea what is happening to your body. No one explains it in a way you understand. You are just scared. 1 in 5 children lives with a chronic medical condition. Most receive no age-appropriate explanation of their diagnosis. Medical resources are written for adults. The result is fear, confusion, and trauma that children carry with them long after the doctor's visit ends.

We built Cartoon Care because every child deserves to understand their own story.

What It Does

Cartoon Care is a personalized AI-powered web app that turns scary medical moments into warm, friendly storybooks — built specifically for children ages 5 to 11. A child opens the app, enters their name and age, and builds their very own custom Care Bear as their personal icon. They then choose a condition — and instantly receive a fully personalized illustrated storybook where they are the main character.

The app covers 9 medical conditions including asthma, fever, flu, allergies, headaches, and vomiting. Every story uses the child's real name and is written in simple, age-appropriate language that replaces fear with understanding. At the end of every storybook, children play an interactive mini-game that reinforces what they just learned — turning medical knowledge into something fun rather than frightening.

Accessibility at the Core

Cartoon Care was built from the ground up with accessibility as a priority. Every single feature in the app works for children with visual impairments:

  • Human-quality audio narration powered by ElevenLabs reads every page of every story aloud in a warm, child-friendly voice, not a robotic text-to-speech voice, but a real human-sounding narrator that feels like a parent reading a bedtime story.
  • Every interactive mini-game is fully playable through audio alone. Children with visual impairments can listen to the instructions, hear the answer choices read aloud, and complete the game without needing to see the screen.

This means Cartoon Care is not just a tool for the average child, it is a tool for every child, regardless of ability. A visually impaired 6-year-old with asthma deserves the same warm, personalized experience as anyone else. We made sure they get it.

How We Built It

Frontend: React for smooth storybook page transitions and an experience that genuinely feels like flipping through a picture book.

Story Generation: Generates fully personalized story content based on the child's name, age, and medical condition, with a carefully engineered prompt that ensures every word is simple, warm, and age-appropriate.

Audio Narration: ElevenLabs human voice API reads each page aloud with natural warmth and pacing designed for young listeners.

Illustrations: Custom watercolour-style artwork generated for each condition, giving every storybook a hand-crafted picture book aesthetic.

Mini-Games: Interactive games built at the end of each storybook that reinforce the child's learning through play, fully accessible via audio for children with visual impairments.

Custom Care Bear Builder: Children design their own bear character before starting, making the app feel personal and theirs from the very first moment.

Collaboration: Built by three remote team members across different regions using GitHub, with separate branches for backend, frontend, and design merging into a single polished product.

Challenges We Ran Into

One of our biggest challenges was audio integration. We had generated high-quality human voice audio through ElevenLabs, but when it was first integrated with the frontend it was defaulting to the browser's built-in Web Speech API which was producing a robotic Siri-like voice instead of our warm human narration. We diagnosed and fixed this by converting the audio buffer returned from the ElevenLabs API into a browser-compatible format so it plays correctly on the frontend.

Designing mini-games that work for both sighted children and children with visual impairments simultaneously required thoughtful UX decisions. Every interactive element needed both a visual and an audio layer so neither group had a lesser experience.

Working remotely across three different regions also meant careful Git workflow discipline, each team member worked on a dedicated branch and we merged only in the final hours to avoid conflicts.

Accomplishments We Are Proud Of

9 fully personalized illustrated storybooks covering real medical issues children face every day. Genuine accessibility , every feature including the mini-games works completely through audio for children with visual impairments, with no features locked behind sight. Human-quality narration that sounds like a real person reading to your child, not a robot. A custom Care Bear character builder that makes every child feel like the app was made just for them. A complete, polished, working product built in a hackathon timeframe by three beginners working remotely across different regions.

What We Learned

We learned that accessibility is not a feature you add at the end, it is a design decision you make at the beginning. Building the mini-games to work through audio from day one was harder than building them visually first and patching in audio later, but the result is a genuinely inclusive experience rather than a compromised one.

What's Next for Cartoon Care

  • A portal for pediatric nurses and doctors to assign specific storybooks to patients before appointments and procedures.
  • Expansion into procedure prep — surgery, blood draws, MRIs, vaccinations, and more.
  • Direct integration with hospital patient portals so Cartoon Care appears automatically when a child is admitted.
  • Braille-compatible output for children with the most severe visual impairments.

Built With

Share this project:

Updates