Building a Google Photos Clone in React Native

Описание к видео 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/goog...
💻 Source Code: https://github.com/notJust-dev/Google...

⚛️ 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-...

📚 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/masterclas...

💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/d...

💬 Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

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

Комментарии

Информация по комментариям в разработке