NewCode with Beto MCP

Build an AI-Powered Meditation App with React Native

Beto, August 21, 2025 · 17,281 views

What if your meditation app could dim your screen when you ask it to? In this build, an 11 Labs voice agent controls device brightness, fetches quotes, switches languages, and saves every session transcript to Appwrite. Clerk handles auth, Expo Router's new protected routes keep public and private screens separate, and Reanimated plus Skia make the whole thing feel alive. I build it end to end in the video.

What's inside

  • Voice AI that controls the device: brightness, quotes, and multi-language commands
  • Google and email sign-in with Clerk and the Clerk Expo UI components
  • Protected routes in Expo Router 5 for a clean auth flow
  • Session history and transcripts persisted in Appwrite
  • A pulsing radial gradient that reacts when the AI speaks, built with Skia
  • Scroll-driven zoom effects on the featured session with Reanimated

Resources

CourseReact Native course

Let's connect!

Had a win? Get featured on Code with Beto.Share your story