Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Google Photos Clone in React Native

notJust․dev via YouTube

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

Reviews

Start your review of Building a Google Photos Clone in React Native

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.