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 using cutting-edge AI tools like Cursor and Windsurf. Build 4 complete mobile applications across creative expression, learning tools, social connection, and professional portfolio development through our focused, backwards-designed curriculum that prioritizes depth over breadth with a perfect 3:1 concept-to-project ratio.
By completing this course, you will:
Progress through 24 weeks organized in four backward-designed modules:
This structure provides deeper exploration of each concept with split lessons for complex topics, while maintaining comprehensive project development time.
| Lesson | Topic | Objectives | Notes/File Link | Activities Link | Projects | Exit Ticket | Submission Link |
|---|---|---|---|---|---|---|---|
| 1 | React Native Fundamentals Part 1 | Research popular RN apps and identify UI patterns | Concept 01: Introduction to Mobile Development | Concept 01: Introduction to Mobile Development | - | ET-1 | Submit |
| 2 | React Native Fundamentals Part 2 | Deep dive into React Native architecture | Concept 01: Introduction to Mobile Development | Concept 01: Introduction to Mobile Development | - | ET-1 | Submit |
| 3 | Components & Basic Styling Part 1 | Build basic React Native components | Concept 02: Components and Basic Styling | Concept 02: Components and Basic Styling | - | ET-2 | Submit |
| 4 | Components & Basic Styling Part 2 | Style components with advanced techniques | Concept 02: Components and Basic Styling | Concept 02: Components and Basic Styling | - | ET-2 | Submit |
| 5 | State Management Basics | Fix broken counter app with 5 debugging challenges | Concept 03: State Management Basics | Concept 03: State Management Basics | - | ET-3 | Submit |
| 6 | Project One: My Creative Studio (Part 1) | Plan and design creative expression app | - | - | My Creative Studio | - | - |
| 7 | Project One: My Creative Studio (Part 2) | Build core functionality and UI | - | - | My Creative Studio | - | - |
| 8 | Project One: My Creative Studio (Part 3) | Complete and polish app | - | - | My Creative Studio | - | Submit |
| 9 | Working with Images Part 1 | Test camera APIs and understand permissions | Concept 04: Working with Images | Concept 04: Working with Images | - | ET-4 | Submit |
| 10 | Working with Images Part 2 | Implement image gallery and filters | Concept 04: Working with Images | Concept 04: Working with Images | - | ET-4 | Submit |
| 11 | Navigation Fundamentals | Paper prototype a 5-screen app flow | Concept 05: Navigation Fundamentals | Concept 05: Navigation Fundamentals | - | ET-5 | Submit |
| 12 | Local Data Storage | Add persistence to todo app using AsyncStorage | Concept 06: Local Data Storage | Concept 06: Local Data Storage | - | ET-6 | Submit |
| 13 | API Integration Basics | Call weather API and handle errors gracefully | Concept 07: API Integration Basics | Concept 07: API Integration Basics | - | ET-7 | Submit |
| 14 | Project 2: Learn & Play Platform (Part 1) | Design educational gaming concept | - | - | Learn and Play Platform | - | - |
| 15 | Project 2: Learn & Play Platform (Part 2) | Build game mechanics and learning modules | - | - | Learn and Play Platform | - | - |
| 16 | Project 2: Learn & Play Platform (Part 3) | Polish and test platform | - | - | Learn and Play Platform | - | Submit |
| 17 | User Interfaces and Data Display | Build interactive interfaces that display and collect data | Concept 08: User Interfaces and Data Display | Concept 08: User Interfaces and Data Display | - | ET-8 | Submit |
| 18 | Connected Features | Understand authentication, real-time updates, and social patterns | Concept 09: Connected Features | Concept 09: Connected Features | - | ET-9 | Submit |
| 19 | Performance Optimization | Profile real apps to find 3 performance bottlenecks | Concept 10: Performance Optimization | Concept 10: Performance Optimization | - | ET-10 | Submit |
| 20 | Project 3: Community Connector (Part 1) | Design social networking features | - | - | Community Connector | - | - |
| 21 | Project 3: Community Connector (Part 2) | Build and integrate social features | - | - | Community Connector | - | Submit |
| 22 | Testing and Quality | Debug mystery app with 10 hidden bugs | Concept 11: Testing and Quality | Concept 11: Testing and Quality | - | ET-11 | Submit |
| 23 | Launch and Deployment | Conduct UX audit of classmate's app (no code) | Concept 12: Launch and Deployment | Concept 12: Launch and Deployment | - | ET-12 | Submit |
| 24 | Final Project: My Portfolio App | Present professional portfolio app | - | - | My Portfolio App | - | Submit |
Master the essential mobile development fundamentals: React Native setup, components, and state management. Build a creative expression app demonstrating core skills with extended development time.
Develop skills for handling multimedia content, navigation, data persistence, and API integration. Create an educational gaming platform with rich content and storage capabilities.
Build sophisticated user interfaces, connected features, and performance optimization. Develop a social networking app that connects users and data.
Master testing methodologies, deployment preparation, and professional polish. Create and present your professional portfolio app showcasing all your skills and projects with production-ready quality.
Development Tools: Cursor IDE, Windsurf, React Native, Expo
Testing: Real device testing recommended, emulator available
Support: Course discussion forum, office hours, email assistance
Portfolio: All 4 projects become portfolio pieces showcasing different aspects of mobile development
Ready to build amazing mobile apps that matter? Start with Week 1 and work towards your complete mobile developer portfolio! 📱
What you'll achieve by the end of this course
Develop complete, deployable mobile applications
Gain proficiency in React Native development
Build essential skills for mobile development
Develop complete, deployable mobile applications