Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a comprehensive Snapchat-like camera application using Expo Camera in React Native through this 2 hour 31 minute tutorial. Master the complete development process from initial setup to final implementation, covering essential mobile app development concepts including permission handling for camera, media library, and microphone access. Explore the creation of custom components such as camera interfaces, icon buttons, and bottom row navigation elements. Implement core Snapchat features including photo and video capture, media saving functionality, and QR code scanning capabilities. Build an intuitive onboarding screen experience and develop a first-time user hook for enhanced user experience. Create specialized view components for both picture and video display, along with a comprehensive media library screen for managing captured content. Gain hands-on experience with Expo app initialization, dependency management, and pre-building processes while following industry best practices for React Native development.
Syllabus
0:00 Intro & Demo
08:15 Source Code and Resources
10:40 Init Expo App
11:23 Installing Dependencies
14:16 Pre-building App
16:05 useFirstTimeOpenHook
22:21 Onboarding Screen
30:56 Requesting Camera/Library/Mic Permissions
40:31 Camera Component
46:19 Icon Button Component
56:00 Bottom Row Component
01:05:46 Main Row Actions
01:22:45 QR code
01:35:25 Camera Tools
01:54:03 Picture View Component
02:05:20 Video View Component
02:22:33 Media Library Screen
02:28:19 Conclusion & Recap
Taught by
Code with Beto