1️⃣ Get Started with Sanity 👉 https://www.sanity.io/sonny?utm_source=youtube&utm_medium=video&utm_content=ai-journal
2️⃣ Get Started with Clerk 👉 https://go.clerk.com/oVvoZlJ

❗️Get the Full Source Code for FREE here 👉 https://www.papareact.com/ai-journal-form

🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course

🛠️ Looking for the Code for my other builds? (Plus over 55+ others!)  
https://links.papareact.com/github

Join me as I show you how to build a AI Journal App from scratch with React Native - This comprehensive tutorial covers everything you need to create an AI Journal App!

🎯 What You'll Learn
🛠️ Modern Tech Stack:
- Expo SDK 54 - React Native with new architecture, React 19, and file-based routing
- Sanity CMS - Headless CMS with custom schemas, Studio admin dashboard, and powerful GROQ queries
- Clerk + Billing - Authentication with Stripe-powered subscriptions and pricing table integration
- OpenAI GPT - Pro Feature gated AI therapeutic chat with multi-step reasoning and tool calling
- Vercel AI SDK - Real-time streaming responses for Expo apps
- Tamagui - Cross-platform UI components with native performance

💻 Core Features:
- User Authentication - Google OAuth, email sign-up, and session management
- AI Therapist Chat - Analyzes journal history and provides personalized insights
- Daily Writing Prompts - Admin-managed with weighted random selection
- Rich Journal Entries - Mood tracking, categories, images, and auto-categorization
- Subscription Management - Pro/Starter plans with Expo Web pricing portal
- Dual App Architecture - Native mobile app + Sanity Studio admin dashboard

🔧 Advanced Concepts:
- AI Tool Calling - Custom tools that fetch/analyze journal entries by date or patterns
- Expo Web Strategy - Use web exclusively for billing while keeping app native
- Sanity Integration - Custom schemas, relationships, type generation, and image handling
- Clerk Billing - Pricing table component, webhooks, and feature gating
- GROQ Queries - Powerful filtering and sorting with Sanity’s query language
- Real-time Streaming - AI responses with visual indicators

🚀 Production Skills:
- API Routes - Serverless edge functions with Expo
- Feature Gating - Subscription-based access control
- State Management - Context API and custom hooks
- Perfect for developers learning React Native, AI integration, and subscription monetization!

🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here 👉 https://links.papareact.com/newsletter

🕐 TIMESTAMPS:
0:00 Introduction
1:04 Build Demo
12:40 Why Use Sanity
14:14 Clerk for Authentication & Billing
16:14 Explaining MCP 
20:18 Build Tech Stack Breakdown
25:54 [SKIP] Trying to Initialising the Build
38:04 Initialising the Build with Expo 
50:51 Setting Up Clerk for Authentication & Tamagui UI
1:18:10 Setting Up Sanity Studio & Sanity MCP Server
1:35:23 Building the Home Screen (1/2)
1:45:16 Implementing Several Helper Functions
1:50:12 Implementing Sanity CMS
2:08:42 Building the Home Screen (2/2)
2:29:37 Building the New Entry Functionality
2:39:27 Building the Categorize Entry Functionality (with Vercel AI SDK / OpenAI)
2:51:38 Building the Entries Screen w/ Edit & Delete Functionality
3:08:58 Building the Profile Screen
3:12:55 Build the AI Chat Functionality’s Feature Gated Screen
3:16:18 Building the Billing Functionality (w/ Clerk Billing)
3:38:29 Building the AI Chat Functionality (w/ Vercel AI SDK)
3:52:55 Final Build Demo
3:57:48 Explaining Expo App Deployment
3:59:46 Outro

Let’s get it PAPAFAM 🔥.

DISCLAIMER: This Video is made for informational and educational purposes only. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.

#reactnative #appdevelopment #ios #android #react #react19 #mobileappdevelopment #mobileapp #ai #clerk #sanity #journal #learning #coding #tutorial #beginner #programming

YouTube

A comprehensive live-coding tutorial building a full-stack AI-powered journaling mobile app using React Native and Expo. The app features AI chat capabilities that analyze journal entries, daily prompts from a CMS backend, mood tracking with streak counters, photo attachments, and automatic AI categorization. Includes complete authentication flow with Google sign-in, subscription billing with free and pro tiers, and a Sanity CMS backend for content management. Demonstrates real-world development workflow including debugging, dependency management, and integrating multiple services like Clerk for auth, Stripe for payments, OpenAI for AI features, and Tamagui for UI components.

🔴 Let's build an AI Journal App w/ REACT NATIVE! (Sanity, Clerk, Stripe, Expo, Cursor, MCP, OpenAI)