React Native for beginners - Building a Google Photos Clone in React Native

This video is sponsored by ImageKit, your real-time media processing API and Digital Asset Management solution: https://bit.ly/4dyMVXV In this video, we'll build a Google Photos clone using React Native, Supabase and ImageKit, creating a full stack app for both web and mobile. You'll learn how to handle image and video optimization with ImageKit, making your app fast and efficient, and you'll learn the basics of User Interface design. If you're ready, let's get started 🚀 *📝 Project Page:* https://www.notjust.dev/projects/googlephotos *💻 Source Code:* https://github.com/notJust-dev/GooglePhotos ⚛️ *React Native Mastery* is the *ONLY* course you need to Master mobile development with React Native & Expo 🚀 *Join the waitlist now:* https://www.notjust.dev/react-native-mastery 📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about: - Building cross-platform mobile and web applications with a single codebase using React Native. - Building, deploying, and managing React Native apps with Expo. - Implementing cloud storage solutions with Supabase for reliable media backup and synchronization. - Optimizing images and videos with ImageKit for fast loading times and high-quality media display. - Beautiful Responsive User Design, making sure your app looks great on any device ❗Try our *FREE* 2-day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclass/?utm_source=youtube&utm_medium=livestream&utm_content=23aug24 💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions *💬 Join the notJust Development gang and let's build together:* Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 Timecodes: 0:00 Intro and Project Overview 1:44 ImageKit: Media Optimisation 5:24 Initialising the project 15:24 Loading and displaying photos from Media Library 41:18 Implementing pagination for local media 58:10 Using React Context to add global state for media files 1:14:50 Creating the asset details page 1:36:09 Supabase setup and Authentication 2:07:48 Implementing File Upload to Supabase 2:43:43 Integrating ImageKit in our App 3:03:47 Storing the assets metadata and Synchronization 3:27:34 Checking local and remote images 3:50:59 Implementing Video Support Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with. #notjustdev #googlephotos #reactnative