Build and Deploy 3 Full-Stack React Native Apps That'll Get You Hired | Full 10-Hour Course

JavaScript Mastery

JavaScript Mastery

668,537 views

Kick off your iOS/Android mobile development with React Native and Expo by creating a mobile movie app, a Real Estate app with Google Authentication and dynamic routing, and a Food Delivery app featuring search, filters, cart, smooth navigation, and scalable backend.

๐Ÿ’ซ Set up Appwrite: https://jsm.dev/rn25-appwrite

โญ Join JS Mastery Pro: https://jsm.dev/rn25-jsm
๐Ÿ’Ž Become a Top 1% Next.js Developer: https://jsm.dev/rn25-nextjs
๐Ÿ“™ Complete Path to JavaScript Mastery Course: https://jsm.dev/rn25-cpjsm

๐Ÿ“˜ React Native Pro Course Waitlist: https://jsm.dev/rn25-course
๐Ÿ“˜ TailwindCSS Pro Course Waitlist: https://jsm.dev/rn25-tailwind
๐Ÿ“˜ Backend Pro Course Waitlist: https://jsm.dev/rn25-backend
๐Ÿ“˜ React Pro Course Waitlist: https://jsm.dev/rn25-react

๐Ÿ“ FREE Video Kits (Code, Figma, Assets)
1st - Movie App: https://jsm.dev/rn25-movie
2nd - Real Estate: https://jsm.dev/rn25-restate
3rd - Food Delivery: https://jsm.dev/rn25-food

Sentry: https://jsm.dev/rn25-sentry
WebStorm: https://jsm.dev/rn25-webstorm
Junie: https://jsm.dev/rn25-junie

Rate us on TrustPilot: https://jsm.dev/trustpilot

Discord: discord Twitter: jsmasterypro Instagram: javascriptmastery LinkedIn: javascriptmastery

Business Inquiries: contact@jsmastery.pro

Time Stamps:
00:00:00 โ€” Introduction
00:06:19 โ€” #1 Crash Course & Movie App
00:08:31 โ€” Why React Native?
00:12:19 โ€” React Native Fundamentals
00:22:53 โ€” Project Overview (Movie App)
00:24:53 โ€” Intro & Setup
00:33:20 โ€” Setup Styling
00:42:15 โ€” Routing & Navigation
01:04:47 โ€” Customize App Title & Icon
01:07:00 โ€” Home Screen UI
01:15:58 โ€” TMDB API
01:25:25 โ€” Custom Hook
01:31:57 โ€” Fetch & Display Movies
01:52:18 โ€” Develop Search Screen
02:10:55 โ€” Appwrite Setup
02:28:20 โ€” Show Trending Movies
02:45:09 โ€” Hide StatusBar
02:47:35 โ€” Movie Details
03:08:28 โ€” Optimization

03:12:37 โ€” #2 Real Estate App
03:15:20 โ€” Project Setup
03:25:20 โ€” Setup Routes
03:31:12 โ€” Setup Nativewind
03:37:04 โ€” Setup Fonts and Assets
03:49:04 โ€” Develop Sign In Screen
03:57:10 โ€” Setup Appwrite & Google oAuth
04:02:39 โ€” Setup SDK & Auth functions
04:12:34 โ€” Integrate Authentication
04:28:25 โ€” Implement Tabs Navigation
04:35:29 โ€” Profile Screen
04:49:57 โ€” Implement Home screen UI
05:25:07 โ€” Home Screen Lists
05:33:04 โ€” Appwrite DB Setup
05:44:59 โ€” Database Seed
05:55:20 โ€” Fetch Properties
06:00:41 โ€” Display Data
06:15:15 โ€” Explore Screen
06:22:20 โ€” Details Screen

06:27:16 โ€” #3 Food Delivery App
06:29:26 โ€” Project Setup
06:39:12 โ€” NativeWind Setup
06:58:55 โ€” Home Screen
07:22:19 โ€” Routing
07:31:45 โ€” Setup Appwrite
07:35:25 โ€” Auth Screens
08:03:17 โ€” Auth Functionality
08:21:59 โ€” Sentry
08:33:46 โ€” Store
08:46:40 โ€” Tab Navigation
08:56:41 โ€” Database Architecture
09:09:20 โ€” Seed Database
09:16:57 โ€” Search Screen
09:34:39 โ€” Menu Item Component
09:40:32 โ€” Search and Filtering
10:05:21 โ€” Cart Store
10:23:45 โ€” Next Steps