DreamTales

• 

  The Settings tab of DreamTales empowers parents to tailor the storytelling experience for their children’s bedtime routines.

• 

  The Today tab of DreamTales welcomes young viewers with a calming interface and personalized content suggestions for bedtime.

• 

  Explore animated stories like Ocean Lullaby, or browse by categories like Fantasy, Nature, and Space in a child-friendly, vibrant interface.

Inspiration

We wanted to create a soothing, educational, and screen-time-meaningful experience for children before bedtime. With so many distractions in today’s digital world, parents are seeking apps that calm kids while offering value. Inspired by traditional bedtime storytelling and the magic of animation, we built a mobile app that delivers beautifully curated stories children can enjoy while winding down.

What it does

The Bedtime Stories App offers a kid-friendly library of animated video stories. It features:

• Curated Story Playback: Animated stories with playback controls and smooth visuals
• Library: Searchable and filterable video story library
• Today Tab: Curated daily picks, trending stories, and quick access options
• Custom Settings: Theme selection, auto-play, download preferences, and more
• Responsive UI: Adapts to screen sizes for phones and tablets

How we built it

The app is built entirely using React Native and Expo, enabling fast development and seamless cross-platform deployment.

Core Technologies:

• TypeScript: For type-safe code and better maintainability
• Expo AV: For smooth, native video playback
• Expo Linear Gradient & Google Fonts (Nunito): For aesthetic UI
• Lucide React Native: Icon integration
• React Native StyleSheet: For all styling logic

The entire experience runs seamlessly inside the Bolt.new environment.

Challenges we ran into

• Handling platform-specific video playback behavior (especially on web)
• Ensuring consistent UI on both small and large screens
• Managing font loading and maintaining performance on lower-end devices
• Structuring modular yet responsive layout across all screens

Accomplishments that we're proud of

• Delivered a smooth, immersive user experience across mobile and tablet
• Successfully integrated video playback with responsive controls
• Built a fully themeable app that adapts to user preferences
• Created a joyful, accessible UI for children and parents alike

What we learned

• How to optimize React Native components for children’s usability
• Managing cross-platform video and performance quirks in Expo
• Leveraging custom hooks like useResponsiveDimensions for better UX
• Structuring scalable navigation and theming architecture in a mobile app

What's next for the Bedtime Stories App

• Add AI voice narration for interactive story playback
• Introduce story bookmarks and continuation tracking
• Unlock child-created stories with simple creation tools
• Add voice-based interactions using ElevenLabs
• Monetisation via RevenueCat for access to premium content
• Publish to custom domain and scale for global bedtime use

Built With

• bolt.new
• lucide
• react-native
• typescript