CourseRail — Learning App

Overview

CourseRail is a React Native frontend for a learning-focused app, built around a structured lesson flow, reusable components, and navigation tuned for smooth performance on both platforms.

What Made This Tricky

Learning apps live or die on navigation feel — course-to-lesson-to-progress transitions need to be instant and predictable, which pushed the focus toward optimized, well-structured navigation over feature breadth.

What I Built

• Structured learning flow covering courses, lessons, and progress tracking
• Reusable component library — cards, buttons, modals, and lists shared across the app
• Optimized navigation using stack and tab patterns with deep-linking support
• Performance tuning — lazy loading and memoization to keep transitions smooth
• Consistent cross-platform UX across iOS and Android

Tech Stack

• Framework: React Native
• Navigation: React Navigation
• Platforms: iOS, Android

Key Decisions

• Invested early in a reusable component library (cards, modals, lists) rather than building screens independently, since a learning app's course-lesson-progress hierarchy repeats the same UI patterns dozens of times
• Prioritized navigation performance (lazy loading, memoization) over adding more course content types initially, since course-to-lesson transitions are the interaction users hit most often and any lag there undermines the whole app

Outcome / Impact

A polished learning app frontend with production-ready component patterns, built to scale to more courses and lessons without re-architecting navigation.