Building a Snapchat Clone with Expo Camera | React Native Tutorial

Published: 24 June 2024
on channel: Code with Beto

22,984

568

Learn to build a Snapchat-like camera app using Expo Camera in React Native. We'll cover permissions, taking photos/videos, saving media, and QR code scanning.

Source Code: https://codewithbeto.dev/projects/sna...
React Native Course: https://codewithbeto.dev/learn
React with TypeScript course: https://codewithbeto.dev/learnReact

Get an exclusive 40% discount on CodeCrafters with my referral link: https://app.codecrafters.io/join?via=...

👨🏻‍💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻‍💻
   / @codewithbeto

👯 Join the Discord:   / discord

⌚️ Timestamps ⌚️
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

⭐️ If you want to learn more about me, check this links:
Code With Beto: https://codewithbeto.dev
X: https://x.com/betomoedano
Github: https://github.com/betomoedano
Linkedin:   / betomoedano
Discord:   / discord
Medium:   / betomoedano01
Figma: https://www.figma.com/@betomoedano

⭐️ My apps & projects:
► Code With Beto: https://codewithbeto.dev/
► Eco Studios:https://www.ecostudios.dev/
⭐️ Contact: betomoedano@outlook.com

On this page of the site you can watch the video online Building a Snapchat Clone with Expo Camera | React Native Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Code with Beto 24 June 2024, share the link with friends and acquaintances, this video has already been watched 22,984 times on youtube and it was liked by 568 viewers. Enjoy your viewing!

287,056