StoryVoyage

Built for the Nano Banana Hackathon and inspired by the Kaggle Banana Competition, StoryVoyage is an innovative AI-powered platform that creates personalized children's stories with beautiful illustrations. This application combines the latest in AI technology (Google Gemini 2.5 Flash) with educational features, accessibility support, and advanced visual storytelling capabilities.

Key Features

AI-Generated Illustrations

Create stunning, consistent character illustrations using Google Gemini 2.5 Flash Image. The platform maintains character consistency across all pages, ensuring a cohesive visual narrative throughout the story.

Advanced Storytelling

• Character Consistency: Maintains the same character appearance across all pages
• Style Options: Multiple illustration styles including realistic, cartoon, watercolor, and sketch
• Batch Processing: Generate all illustrations simultaneously for efficiency
• Edit Mode: Modify existing illustrations while maintaining continuity

Personalized Stories

Generate custom stories based on a child's interests, age, and reading level. The platform allows users to explore cities around the world through immersive storytelling, creating global adventures tailored to each child.

Educational Content

• Comprehension Quizzes: Age-appropriate questions with explanations
• Vocabulary Builder: Interactive word learning with definitions
• Cultural Facts: Learn about different cities and cultures
• Activity Suggestions: Hands-on learning activities

Accessibility First

Built-in support for diverse learning needs:

• Alt Text Generation: Detailed image descriptions for screen readers
• Reading Level Adaptation: Simplified text versions for different abilities
• Dyslexia Support: Specialized formatting and color coding
• Audio Descriptions: Screen reader optimized content

Technical Architecture

Frontend

• Next.js 15 with React 19
• TypeScript for type safety
• Tailwind CSS for styling
• Radix UI components
• Framer Motion for animations

Backend

• Next.js API Routes for serverless functions
• Google Gemini 2.5 Flash for AI text and image generation
• Supabase for database and real-time features
• Zod for API validation

Key APIs

• /api/generate - Story generation
• /api/advanced-illustrate - Advanced image generation
• /api/batch-illustrate - Batch illustration processing
• /api/educational-features - Learning content generation
• /api/accessibility-features - Accessibility support
• /api/social-features - Sharing and community features

Use Cases

For Parents

Create personalized bedtime stories, educational content tailored to your child's interests, and bonding experiences through story creation and reading.

For Educators

Generate curriculum-specific stories, create accessible content for diverse learners, and develop interactive learning materials.

For Therapists

Provide stories for children with learning differences, emotional support through personalized narratives, and visual and textual accessibility features.

Global Impact

StoryVoyage promotes:

• Cultural Understanding: Stories set in cities worldwide
• Educational Equity: Accessible content for all learning styles
• Language Learning: Vocabulary building and comprehension
• Creativity: Encouraging imagination and storytelling

Competition Alignment

This project addresses the Kaggle Banana Competition's focus on:

• Innovation: First-of-its-kind character consistency in AI storytelling
• Technical Excellence: Advanced API integration and batch processing
• Real-world Impact: Educational and accessibility features
• User Experience: Intuitive design and smooth interactions