Overview
Embark on a comprehensive tutorial to build a Google Photos clone using React Native, Supabase, and ImageKit. Learn to create a full-stack application for both web and mobile platforms, focusing on image and video optimization techniques. Master the essentials of user interface design while developing cross-platform mobile and web applications with a single codebase. Explore cloud storage solutions with Supabase for reliable media backup and synchronization, and implement ImageKit for fast loading times and high-quality media display. Dive into topics such as initializing the project, loading and displaying photos from the media library, implementing pagination, using React Context for global state management, creating asset detail pages, setting up authentication, and integrating video support. Gain hands-on experience in building responsive designs that look great on any device, and learn to optimize your app for performance and efficiency.
Syllabus
Intro and Project Overview
ImageKit: Media Optimisation
Initialising the project
Loading and displaying photos from Media Library
Implementing pagination for local media
Using React Context to add global state for media files
Creating the asset details page
Supabase setup and Authentication
Implementing File Upload to Supabase
Integrating ImageKit in our App
Storing the assets metadata and Synchronization
Checking local and remote images
Implementing Video Support
Taught by
notJust․dev