Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Real Camera App With Warp - CodeRabbit - Expo MCP

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a complete camera application for mobile devices using modern development tools including Warp terminal, CodeRabbit CLI, and Expo MCP in this comprehensive 36-minute tutorial. Set up your development environment by installing Warp terminal, CodeRabbit CLI, and Expo Go, then create a new React Native Expo project from scratch. Master the integration of Expo MCP (Model Context Protocol) to streamline your development workflow and utilize Warp's file explorer capabilities for efficient project navigation. Install and configure Expo Camera using MCP, then develop a functional camera screen with real device testing capabilities. Implement core camera functionality including photo capture, preview screens with multiple presentation modes, and comprehensive camera controls for a professional user experience. Practice code review and quality assurance using CodeRabbit CLI to identify and fix potential issues throughout the development process. Learn effective Git workflow management with Warp for committing code changes and pushing progress to GitHub repositories. Discover advanced debugging techniques using screenshots as context for error resolution and apply AI-powered suggestions to improve code quality. Gain hands-on experience with multiple development agents working together to create a production-ready camera application while following mobile development best practices for React Native and Expo frameworks.

Syllabus

00:00 - Intro
02:53 - Installing Warp
03:13 - Installing CodeRabbit CLI
03:43 - Installing Expo Go
04:10 - Creating a new React Native Expo project
05:23 - Indexing the codebase
06:07 - Adding Expo MCP
07:56 - Using Warp File Explorer
08:32 - Using Expo MCP
10:25 - Installing Expo Camera using MCP
13:00 - Committing code with Warp
13:46 - Prompting for a simple camera screen
15:15 - Testing Camera on a real device
15:52 - Simplifying UI
16:55 - Using CodeRabbit CLI to review our progress
17:36 - Using multiple agents
18:14 - Applying CodeRabbit suggestions
19:11 - Committing current progress to GitHub
19:25 - Adding more features
21:01 - Testing taking pictures
22:09 - Running CodeRabbit again to review progress
22:35 - Testing preview screen presentation modes
24:06 - Committing current progress
24:34 - Adding Camera Controls
26:49 - Testing camera controls on real device
29:27 - Using Screenshot as context to fix error
30:20 - Reviewing current progress with CodeRabbit
31:05 - Fixing potential issues found by CodeRabbit
33:53 - Recap

Taught by

Code with Beto

Reviews

Start your review of Building a Real Camera App With Warp - CodeRabbit - Expo MCP

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.