My +100 Hours Udemy Course: https://www.udemy.com/course/the-web-dev-bootcamp/?couponCode=BESTDEAL1
Try Clerk for FREE: https://go.clerk.com/TfGEgEl
Try Convex for FREE: https://convex.link/asaprogrammer
Diagrams:https://app.eraser.io/workspace/HmXLppkOu2ThJmA3jX6b
Join discord to ask your questions: https://discord.gg/yEyKQWYugG
Key Features:
🚀 React Native + Expo - Build cross-platform mobile apps with React knowledge
📱 Real-time Social Media App - Works on iOS, Android, and simulators
🔐 Authentication with Clerk - Seamless Google login integration
🔄 Convex Backend - Powers real-time features and data management
📊 7 Different Screens - Auth, Home, Bookmarks, Create, Notifications, Profile, and User Profiles
❤️ Interactive Features - Like, comment, bookmark, and follow functionality
🖼️ Media Handling - Upload and share images from your device
🔔 Notification System - Like, follow, and comment notifications
✏️ Profile Editing - Animated modal for profile customization
📱 Fundamental Components - Learn all essential React Native UI components
🚀 Special Files & Folders - Master app, tabs & layout structure
📚 Mobile Dev Concepts - Splash screen, SafeAreaView, tab/stack navigators
⚡ Performance Optimization
🎨 Custom Styling - Implement custom fonts and app icons
🔄 Webhooks Integration - Learn interview-ready backend concepts
💻 No Mac Required - Develop on any internet-connected laptop
Timestamps:
00:00:00 - Intro
00:04:56 - 1- React Native Theory [IMPORTANT]
00:14:05 - 2- Environment Setup
00:19:37 - 3- React Native Basics
00:28:27 - 4- Setting Up Our Project
00:48:37 - 5- Authentication
01:12:13 - 6- Database Setup
01:22:39 - 7- Defining Our Schema
01:35:05 - 8- Understanding Webhooks
02:01:18 - 9- Create Post Mutation
02:11:01 - 10- Create Post Implementation
02:36:22 - 11- Get Feed Posts Query
02:46:43 - 12- Fetching Posts
03:01:46 - 13- Like Posts
03:14:06 - 14- React Native Must Knows
03:37:24 - 15- Commenting on Posts
03:58:17 - 16- Adding Bookmarks
04:02:24 - 17- Post Deletion
04:14:57 - 18- Bookmarks Screen
04:19:15 - 19- Notifications Screen
04:42:13 - 20- Our Own Profile Screen
05:00:37 - 21- Dynamic User Screen
05:24:04 - 22- Final Optimizations
05:36:27 - 23- Talking About Deployment & Thanks for watching!
#reactjs #programming #coding #reactnative