Summary
Keywords
Full Transcript
π 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: [email protected] π₯ 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
