Journey Description

Build a complete mobile app with home screen widget for daily class schedules through live vibe coding sessions. Learn React Native development, offline data storage, and native widget creation for both iOS and Android platforms.

What You'll Learn

• React Native app development from scratch
• Offline data storage with MMKV and SQLite
• iOS widget development with WidgetKit
• Android widget development with Jetpack Glance
• Cross-platform mobile app architecture
• Push notifications and scheduling

Journey Milestones

Phase 1: React Native App Setup

• React Native project initialization
• Navigation setup and screen structure
• UI components for schedule management
• Local data storage with MMKV

Phase 2: Schedule Management

• Weekly schedule view implementation
• Add/edit schedule functionality
• Daily schedule display
• Data persistence and offline support

Phase 3: Widget Development

• iOS widget with WidgetKit and Swift
• Android widget with Jetpack Glance
• Widget data synchronization
• Timeline providers and updates

Phase 4: Advanced Features

• Push notifications setup
• Schedule reminders (5, 10, 15 minutes before)
• Widget customization options
• Performance optimization and testing

Benefits

• Cross-Platform Development: Build for both iOS and Android
• Widget Expertise: Master native widget development
• Offline-First: Learn robust offline data management
• Real Projects: Build a complete production app
• Community Support: Join our mobile developer community

Prerequisites

• Basic JavaScript knowledge
• Understanding of React fundamentals
• Basic mobile app development concepts

What's Included

• ✅ 12 live coding sessions
• ✅ Complete React Native app source code
• ✅ iOS and Android widget source code
• ✅ Lifetime access to recordings
• ✅ Course materials and documentation
• ✅ Community access
• ✅ Certificate of completion