A rigorous, project-driven curriculum for building cross-platform mobile applications for Android and iOS using React Native. By Week 6, you will have built and published real mobile apps — with a portfolio of six projects running on real devices that prove your ability to design, develop, and ship production-ready applications.
Highlights
Project 1 — Static Profile Card App
Build a polished static app displaying a personal profile: name, photo, bio, a list of skills, and a row of social link buttons. No interactivity yet — pure layout, styling, and component structure. Must run correctly on both Android and iOS via Expo Go. The goal: get the layout and styling discipline right before adding any logic.
Project 2 — Multi-Screen Calculator App
Build a multi-screen calculator of your choice — BMI, currency converter, or loan repayment. At least three screens connected with React Navigation, form inputs with real-time calculated output, and clean error handling for invalid input. Demonstrates state management, navigation, and controlled input handling working together.
Project 3 — News or Movie Discovery App
Build a live data app connected to a real public API — a news reader using NewsAPI or a movie browser using The Movie Database (TMDB) API. Features: a searchable FlatList of results with images, a detail screen for each item, pull-to-refresh, and a Favorites feature saved in AsyncStorage. Handles loading, error, and empty states with polished UI for each.
Project 4 — Real-Time Chat or Task Manager App
Build a Firebase-powered app with user authentication and live data. Either a group chat where messages appear instantly for all users, or a personal task manager that syncs across devices in real time. Users register, log in, and interact with data that persists and updates live — the first app that feels like a real product.
Project 5 — Upgraded App with State Management & Offline Support
Take your Week 3 or Week 4 project and upgrade it with three improvements: refactor state into a Context or Redux store, add offline caching so the app loads its last known data without internet, and add at least three meaningful animations — a screen transition, a loading animation, and a gesture-driven interaction. The same app, meaningfully more polished and production-ready.
Define a real problem and build a complete React Native app to solve it. A community tool, a productivity app, a local business directory, a personal finance tracker — anything that demonstrates real architecture, a data source, state management, and a UI that real users would want to open.
A published Google Play Store internal testing link is required to complete the course.
Required:
| Week | Project | Output |
|---|---|---|
| Week 1 | Static Profile Card App | Styled React Native App · Expo Go |
| Week 2 | Multi-Screen Calculator App | Navigation · State · User Input |
| Week 3 | News or Movie Discovery App | Live API-Powered App · AsyncStorage |
| Week 4 | Real-Time Chat or Task Manager | Firebase Auth · Firestore · Live Data |
| Week 5 | Upgraded App | State Management · Offline · Animations |
| Week 6 | Capstone Mobile App | Published · Google Play Store |
You finish the course with a published app, a polished GitHub profile, and a portfolio of six React Native projects you can demo on any device.
React Native is built on the same JavaScript and React fundamentals most web developers already know. Week 1 focuses on what is different — not on re-teaching what you already understand. Students are writing real mobile UI in the first session.
The profile card is static. The calculator adds navigation and state. The discovery app adds live API data. The Firebase app adds a real backend. The upgraded app adds architecture and polish. The capstone brings everything together — no week introduces more than one major new concept.
Firebase in Week 4 means students build an app with real authentication, real-time data, and cloud storage without writing a single line of server code. The focus stays on mobile, not on spinning up and maintaining a backend.
Submitting to the Google Play Store is a required Week 6 deliverable. Students graduate having completed the full pipeline — from npx create-expo-app to a listing on a real platform — which is what sets a portfolio project apart from a tutorial exercise.