Doodle Tales ๐จ๐
Tagline: Draw โ. Imagine โจ. Discover Your Story ๐!
Inspiration ๐
Kids love drawing and storytelling, and we wanted to create a fun way to turn simple doodles into magical stories. Inspired by toys, notebooks, and science fairs, this project makes tech feel playful again.
What it does ๐
Doodle Tales lets users draw anything on a canvas and instantly generates a whimsical story with a heading, story content, and a moral. Every doodle sparks imagination and encourages creativity.
How we built it ๐
- HTML & CSS for the interactive canvas and playful UI.
- JavaScript for canvas drawing, heuristic doodle recognition, and story generation.
- Heuristic detection logic maps your doodle to fun story templates.
- Responsive design ensures kids can draw on desktop or touch devices.
Challenges we ran into โก
- Recognizing doodles accurately without a complex AI model ๐ค.
- Keeping the UI fun, colorful, and kid-friendly while responsive ๐จ.
- Ensuring stories remain cohesive and playful for any doodle shape โจ.
Accomplishments that we're proud of ๐
- Created a fully functional story-generating doodle app using only frontend technologies.
- Designed a bright, inviting interface perfect for kids and first-time creators ๐.
- Built a system where any doodle triggers a unique magical story โ๐.
What we learned ๐
- Simple heuristics can be powerful for creative applications ๐จ.
- Kids respond best to playful, colorful, and immediate feedback โจ.
- Combining art and storytelling can make coding fun and accessible ๐คโค.
What's Next for Doodle Tales โจ๐๐
- Add more doodle categories ๐จ and story templates for wilder adventures ๐๐ญ.
- Include sound effects and background music ๐ต๐ถ to make stories come alive.
- Enable sharing stories with friends ๐ค or saving them as magical PDFs ๐โจ.
- Add animations to doodles ๐ so characters move as the story unfolds ๐ฐ๐.
- Explore AI-powered recognition ๐ค for even more accurate interpretations of drawings.
- Introduce โcreate your own endingโ feature ๐โ, letting kids choose story twists ๐ฎ๐.

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