SleepyLearn - Bedtime Learning App 🌙

iOS/Android/Web application designed to help children aged 3-8 years with bedtime learning and relaxation practices through voice-guided stories and breathing exercises.

🌟 Features

📚 Bedtime Stories

• AI-Generated Stories: Create new bedtime stories using AI technology
• Synchronized Text Highlighting: Text lights up as it's being read aloud
• Chinese Voice Narration: Clear, child-appropriate speech synthesis

🫁 4-7-8 Breathing Method

• Harvard-Recommended Technique: Based on Dr. Andrew Weil's 4-7-8 breathing method
• Scientifically Proven: Activates parasympathetic nervous system for rapid relaxation
• 4 Complete Cycles: Optimal number for sleep preparation
• Visual Timer: Real-time countdown for each breathing phase
• Guided Instructions: Step-by-step voice guidance in Chinese

🧠 The Science Behind Bedtime Learning

Research shows that bedtime learning significantly enhances children's comprehension and memory consolidation.

Technologies

SleepyLearn showcases a rich ecosystem of cutting-edge web technologies, demonstrating how modern development can remain accessible to beginner engineers while delivering professional-grade functionality:

🌐 Cross-Platform Technologies*

📊 Technology Count Summary

This project integrates 25+ cutting-edge technologies including:

• 5 Core Web Technologies: HTML5, CSS3, JavaScript ES6+, Web APIs, JSON
• 4 Audio Technologies: Web Speech API, HTML5 Audio, AudioContext, Media Session
• 3 AI Technologies: FreeGPT API, RESTful integration, Fallback systems
• 4 Mobile Technologies: Ionic Capacitor, PWA, Responsive Design, Cross-platform
• 6 Architecture Patterns: ES6 Classes, Modules, Events, State Management, Error Handling, Configuration
• 3 Development Tools: NPM, Git, Markdown

📱 SleepyLearn Mobile App Build Guide Quick Start

1. Install Dependencies

npm install

2. Add Platforms

# Add iOS platform
npm run capacitor:add:ios

# Add Android platform  
npm run capacitor:add:android

3. Sync Web Assets

npm run capacitor:sync

4. Run on Device/Simulator

# Run on iOS
npm run capacitor:run:ios

# Run on Android
npm run capacitor:run:android

5. Open in Native IDE

# Open Xcode for iOS
npm run capacitor:open:ios

# Open Android Studio
npm run capacitor:open:android

📋 Prerequisites

For iOS Development:

• macOS with Xcode installed
• iOS Simulator or physical iOS device
• Apple Developer Account (for device testing)

For Android Development:

• Android Studio installed
• Android SDK and build tools
• Android device or emulator

🔧 Configuration

App Configuration

• App ID: com.sleepylearn.app
• App Name: SleepyLearn
• Web Directory: . (current directory)
• Entry Point: index.html

📦 Distribution

iOS App Store:

1. Archive in Xcode
2. Upload to App Store Connect
3. Submit for review

Google Play Store:

1. Generate signed APK/AAB in Android Studio
2. Upload to Google Play Console
3. Submit for review

---

Sweet dreams and happy learning! 🌙✨