Bryan Yung
Guestbook
Runway

Khan Academy for today's attention spans.

Timeline

2024

Role

Founder & Developer

Tools

React Native, Firebase, Swift

Along with my co-founder and friend Jacob, I built a platform to teach STEM to middle schoolers. The platform provides carefully curated lessons to make learning into a daily habit. The app is on the App Store and Google Play and gained 1300+ users in 6 months.

Runway app home
Runway app explore
Runway app profile

The layout of the app, built with React Native/Swift/Expo. Implemented infinite scroll with optimized rendering and live leaderboard updates. The main challenge was managing state across tabs while maintaining smooth 60fps animations.

Lesson interface
Lesson content
Lesson completion

The daily lessons. They were implemented in an extremely modular way, supporting a wide range of media like images, videos, text, and multiple choice questions. Built a custom JSON schema for lesson content with Firebase Cloud Functions handling validation. Also integrates with user data.

Onboarding step 1
Onboarding step 2
Onboarding step 3

The onboarding flow guides users through an example lesson. Implemented username validation with profanity filter using the bad-words library.

The Runway website, built with Next.js and Tailwind CSS. Features smooth animations and responsive design to showcase the app's features.

Early concept sketch 1
Early concept sketch 2

An early stage of the app. The early concepts focused on gamification and social features, which were later refined to emphasize the core daily lesson experience.

Marketing concept video, showcasing the app's user flow.

Map of Runway users worldwide

1,300+ users across 100+ countries. App Store Connect and custom event tracking provided insights into user behavior and retention patterns across different regions.