Mar 28
Loading video player...
🚀 React Native Full Stack AI Calories App | Expo + Google Antigravity Tutorial In this video, we build a production-ready AI Calories Tracker App using React Native Expo with a full-stack architecture 🤯 🔗 Useful Links 🔐 Clerk – https://go.clerk.com/ANuT0bi 🐰 CodeRabbit – https://coderabbit.link/tg-dec 📘 Eraser Doc – https://dcmk.short.gy/calorix-doc 📊 WebTracky – https://www.webtracky.com 🔗 App Demo – https://dcmk.short.gy/calorix-demo 🚀 Join TubeGuruji Pro : https://www.tubeguruji.com Get access to 100+ full-stack app projects and 50+ AI app tutorials with real-world use cases. 📦 Resources 🎁 Free Resources – https://dcmk.short.gy/resources-calorix 🎨 Assets – https://dcmk.short.gy/assets-calorix 💻 Source Code – https://dcmk.short.gy/source-code-calorix 📢 Stay Connected 💻 Join our Discord Community: https://discord.gg/DJUpW5bMtz 🖼️ Follow us on Instagram: https://www.instagram.com/tubeguruji 🔗 Follow us on X (Twitter): https://x.com/tubeguruji 📱 Join our WhatsApp Channel: https://whatsapp.com/channel/0029VaDBs3aEAKWLFDgKY93n 💼 Business Inquiries: admin@tubeguruji.com 🔥 What You’ll Learn 🚀 How to build a Full Stack React Native app from scratch 🤖 How to integrate Google Antigravity for powerful AI features 🔐 How to implement secure authentication using Clerk 🔥 How to connect and manage your backend with Firebase 💰 How to add subscription monetization using RevenueCat 🏗️ How to structure scalable and maintainable mobile app architecture ⚡ How to design production-level architecture for real-world AI apps 📱 Best practices for building modern Expo-based applications Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join ------------- CHAPTERS ------------ 00:00:00 Introduction – AI Calories Tracker App Overview (React Native + Expo) 00:13:06 Project Planning & Full Stack Architecture Breakdown 00:17:47 Project Setup – Create React Native Expo App from Scratch 00:28:50 Git Setup & CodeRabbit AI Code Review Integration 00:33:00 Authentication Setup with Clerk (React Native + Expo) 00:49:18 Multi-Step Onboarding Form for New Users 01:07:28 Bottom Tab Navigation Setup (Expo Router) 01:12:16 Home Screen UI Design & Dashboard Implementation 01:51:56 Add Activity Feature (Track Daily Calories Burned) 01:56:40 Log Exercise / Workout with Firebase Backend 02:17:06 Log Water Intake Feature Implementation 02:22:59 Search Food Database using Firebase & API Integration 02:44:58 AI Food Scanner – Get Nutrition Data using Google Antigravity 02:59:42 Progress Page – Daily Streak System Implementation 03:05:07 Update User Weight & Track Fitness Goals 03:11:11 Progress Analytics – Graph & Chart Implementation 03:23:34 Generate AI Summary Report using Google Antigravity 03:31:11 Profile Tab UI & User Settings Setup 03:47:42 Push Notifications Setup (React Native + Expo) 04:00:26 Subscription System Overview with RevenueCat 04:11:52 Restrict Premium Features for Subscribed Users 04:16:34 Publish React Native App on Google Play Store