You already know React — that's your superpower. In this course, Kareem walks you through building a full e-commerce mobile app with React Native from scratch, step by step.
// you already know this
Same hooks. Same components. Same patterns. The only thing that changes is a handful of platform primitives — View, Text, Image instead of div, p, img.
import { useState, useEffect } from 'react'
import { useSelector } from 'react-redux'
import { useQuery } from '@tanstack/react-query'
import './ProductCard.css'
function ProductCard() {
const [added, setAdded] = useState(false)
useEffect(() => { fetchProduct() }, [])
return (
<div className="card">
<img src={img} />
<p className="name">{name}</p>
<button onClick={add}>
Add to Cart
</button>
</div>
)
}import { useState, useEffect } from 'react'
import { useSelector } from 'react-redux'
import { useQuery } from '@tanstack/react-query'
import { StyleSheet } from 'react-native'
function ProductCard() {
const [added, setAdded] = useState(false)
useEffect(() => { fetchProduct() }, [])
return (
<View style={s.card}>
<Image source={img} />
<Text style={s.name}>{name}</Text>
<Pressable onPress={add}>
Add to Cart
</Pressable>
</View>
)
}// the app you'll build
Production-quality screens covering the entire shopping experience: onboarding, auth, product discovery, cart, checkout, payments, order tracking, and settings. By the end, you've shipped a real app you can put on your portfolio.
💡 Hover any screen to see what you'll build💡 Tap any screen to see what you'll build
// what makes this course different
Beyond the core e-commerce flow, you'll implement the advanced features that separate amateur apps from professional ones.
Full i18n with RTL support — Arabic, English, and any language you need.
Light, dark, and custom themes that persist across sessions.
Auth-guarded screens with Expo Router — handle token expiry and roles.
Dev, staging, and production environments with proper .env config.
Real push notifications — foreground, background, and tap events handled.
Share with testers via TestFlight, Firebase, or internal distribution.
One codebase, two platforms — fully native iOS and Android support.
SSL pinning, secure storage, and hardened APIs — pen-test ready.
A UI that looks identical on every device — from iPhone SE to iPad.
// tools & tech
Every tool used in this course is production-grade and used by mobile teams at top companies today.
You'll integrate with a live production API — real products, real orders, real payments. Not mock data.
Learn to use AI tools like ChatGPT, Claude, and Copilot to debug faster, understand error messages, and ship production features in a fraction of the time.
// COURSE OVERVIEW
Open the live design inspector and walk through every screen of the shop app you’ll build — and see how each one is assembled from components you write yourself.
Open it on a large screen — not on mobile
// questions
The things people ask before joining — prerequisites, language, payment and what you end up with.
The explanation is in Arabic throughout. All code, variable names, libraries and technical terms stay in English, exactly as you would write them at work — so you learn the words you will actually use in a team.
Yes. This course is built for developers who already write React — components, hooks and state — plus basic Redux. It skips what you already know and spends the time on what is different about mobile.
No. You write one codebase in React Native and it runs on both iOS and Android. No native language is required for anything covered in the course.
A complete e-commerce app from scratch — product listing, product detail, cart, checkout and a real backend. Not a to-do list or a toy demo. The finished app is something you can put in your portfolio.
Recorded. You watch at your own pace and rewatch any lesson, with lifetime access — there are no scheduled sessions to attend.
Expo, TypeScript, Redux Toolkit and React Query — the same stack mobile teams ship with in production, not a simplified teaching setup.
2,999 EGP for lifetime access. You join the WhatsApp group and Kareem arranges the payment with you directly. Residents of Egypt can pay by e-wallet or InstaPay.
Yes. The full source code of the app is included, so you can compare your work against the finished project at any point.
Requires React fundamentals + basic Redux. We move fast — no basics from scratch.
Don't have React + Redux basics yet? Learn React fundamentals first →