Welcome to this full course tutorial where we build a React Native Full Stack AI Diet Planner App from scratch using Expo, Convex, and AI! ? Whether you're a beginner or an intermediate dev, this project will take your skills to the next level ?
? Convex Docs: https://convex.link/tubeguruji
? Doc: https://dcmk.short.gy/diet-planner-doc
? Tubeguruji Pro: https://tubeguruji.com
Make a video by text, Don't miss MagicLight AI now: https://www.magiclight.ai/signup?code=magic9
? What You’ll Learn:
Setting up a React Native project with Expo
Using Convex for full-stack backend and real-time data
Integrating AI for meal and diet recommendations ?️
Building clean UI with modern design principles
User authentication and data storage
Deploying and testing the app on real devices ?
? Tech Stack:
React Native + Expo
Convex (Full Stack Backend as a Service)
OpenAI/Gemini for AI prompts
Firebase Email Password Authentication
? Project Source Code:
? Free Resources : https://dcmk.short.gy/free-resouces
? App Source Code: ai-diet-planner-source-code
? Doc: https://dcmk.short.gy/diet-planner-doc
? Members Only Free Source Code : https://www.tubeguruji.com/course-preview/build-react-native-full-stack-app-using-expo-convex-or-ai-diet-planner-app-or-full-course
? Stay Connected:
? Join our Discord Community - https://discord.gg/DJUpW5bMtz
?️ Follow us on Instagram: https://www.instagram.com/tubeguruji
? Business Inquiries: [email protected]
⏱️ Timestamps:
00:00:00 Introduction
00:06:38 Sponsor Video
00:09:27 Create React Native App Using Expo
00:19:38 Landing Screen
00:35:06 Backend Setup With Convex DB
00:43:17 Authentication
01:19:18 Tab Navigation
01:37:45 User Preference
02:13:29 Calculate Calories
02:26:21 Home Screen
02:51:23 Generate Recipes using AI
03:36:25 Recipe Detail Screen
04:11:56 Add Meal to Plan
04:37:11 Display Today's Meal Plan
04:54:27 Update Meal Status and Calories (Home Screen)
05:20:44 Recipe List Display
05:35:08 Progress Tab
05:44:46 Profile Tab
05:53:43 Update App Icon
05:55:09 Export APK
#ReactNative #FullStackApp #AIApp #Convex #Expo #MealPlannerApp #DietPlanner #OpenAI #TypeScript #MobileAppDevelopment #FullCourse #ReactNativeTutorial
Join this channel to get access to perks:
https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join