Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
πŸš€ React Native Full Stack AI Calories App | Expo + Google Antigravity Tutorial
Play lesson

Full Stack AI NextJs Project - πŸš€ React Native Full Stack AI Calories App | Expo + Google Antigravity Tutorial

Unleash the Future: Master AI & Next.js to Build Cutting-Edge Apps! Transform ideas into reality with intuitive tutorials on creating AI agents, dynamic platforms, and interactive tools using React, Tailwind, and more.

4.0 (0)
9 learners

What you'll learn

Develop skills to build AI-powered medical and educational applications using Next.js and React
Learn to create full-stack e-learning platforms leveraging React, TailwindCSS, and various AI tools
Acquire the ability to deploy AI-driven personal and professional apps with Next.js and related technologies
Master techniques for building AI content generation and productivity tools using advanced web frameworks

This course includes

  • 223.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere