Learn environment setup, component creation, responsive styling, navigation, state management, and API integration in React Native.
Get ready to embark on an exciting learning journey
Transform from beginner to confident mobile app developer through our modular, building-block approach. Build 4 complete mobile applications by combining 20 focused activity templates - learn one skill at a time, then integrate them into portfolio-worthy projects.
By completing this course, you will:
Progress through 24 lessons organized in four learning phases. Each phase builds systematically toward mastery, with activities teaching individual skills immediately followed by projects that integrate and apply those skills in complete mobile applications. This course includes essential accessibility and privacy skills that prepare you for building production-ready apps.
| Session | Topic | Objectives | Notes/File Link | Activities Link | Projects | Exit Ticket | Submission Link |
|---|---|---|---|---|---|---|---|
| 1 | Foundation: Hello Mobile | Build first React Native app with components | Concept 01 | Activity 01 | - | ET-1 | Submit Activity |
| 2 | Foundation: Interactive Components | Create buttons and interactive UI elements | Concept 02 | Activity 02 | - | ET-2 | Submit Activity |
| 3 | Foundation: State Management | Build todo list with state and lists | Concept 03 | Activity 03 | - | ET-3 | Submit Activity |
| 4 | Project 01: Photo Journal | Design, build, polish, and deploy photo journaling app | - | - | Photo Journal | - | Submit Project |
| 5 | Media: Camera Integration | Capture photos with device camera | Concept 04 | Activity 04 | - | ET-4 | Submit Activity |
| 6 | Sensors: Motion Detection | Detect shake gestures and tilt controls | Concept 13 | Activity 13: Motion Fun | - | ET-13 | Submit Activity |
| 7 | Media: Screen Navigation | Navigate between multiple screens | Concept 05 | Activity 05 | - | ET-5 | Submit Activity |
| 8 | Storage: Data Persistence | Save and load data with AsyncStorage | Concept 06 | Activity 06 | - | ET-6 | Submit Activity |
| 9 | Creative: Drawing Canvas | Draw with touch input and save artwork | Concept 14 | Activity 14: Drawing Canvas | - | ET-14 | Submit Activity |
| 10 | Accessibility: Inclusive Apps | Build accessible apps with screen reader support | Concept 19 | Activity 19 | - | ET-19 | Submit Activity |
| 11 | Project 02: Photo Gallery | Build gallery app with camera, storage, and tab navigation | - | - | Photo Gallery | - | Submit Project |
| 12 | Hardware: Barcode Scanning | Scan QR codes and product barcodes | Concept 15 | Activity 15: Barcode Buddy | - | ET-15 | Submit Activity |
| 13 | API: Fetch & Display Data | Call weather API and handle async operations | Concept 07 | Activity 07 | - | ET-7 | Submit Activity |
| 14 | UI: Cards & Data Display | Build dynamic card layouts for data | Concept 08 | Activity 08 | - | ET-8 | Submit Activity |
| 15 | Connected: User Features | Create user profiles and edit functionality | Concept 09 | Activity 09 | - | ET-9 | Submit Activity |
| 16 | Media: Audio Recording | Record voice memos and audio messages | Concept 16 | Activity 16: Sound Studio | - | ET-16 | Submit Activity |
| 17 | Privacy: Secure Data Handling | Implement secure storage and privacy controls | Concept 20 | Activity 20 | - | ET-20 | Submit Activity |
| 18 | Project 03: Explore & Share | Build social community app with APIs and user features | - | - | Explore Share | - | Submit Project |
| 19 | UX: Haptic Feedback | Add tactile vibration patterns for better UX | Concept 17 | Activity 17: Haptic Helper | - | ET-17 | Submit Activity |
| 20 | Quality: Performance & Testing | Optimize performance and write automated tests | Concept 18 | Activity 18: Quality Assurance | - | ET-18 | Submit Activity |
| 21 | Performance: Optimized List | Master FlatList optimization and memoization | Concept 10 | Activity 10: Optimized List | - | ET-10 | Submit Activity |
| 22 | Testing: Test My App | Write unit, component, and integration tests | Concept 11 | Activity 11: Test My App | - | ET-11 | Submit Activity |
| 23 | Deployment: Launch Ready | Configure app for production and deployment | Concept 12 | Activity 12 | - | ET-12 | Submit Activity |
| 24 | Project 04: Portfolio Showcase | Build capstone portfolio app showcasing all 20 skills | - | - | Portfolio Showcase | - | Submit & Present |