Instagram Clone in React Native: Video, Backend & Push Notifications

In this second part of our tutorial series, we'll dive deeper into building an Instagram clone using React Native, Expo, Supabase, and Cloudinary. In this part we'll learn how to upload, play, and optimize videos, implement advanced backend features, and set up push notifications. We will build on top of the UI we built in the first part and improve overall the feel and functionality of our application. Let's get building 🚀

⚛️ *React Native Mastery* is the *ONLY* course you need to Master mobile development with React Native & Expo 🚀

📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Video uploading, playinh, and optimization
- Building a powerful backend with Supabase
- Advanced backend features
- Implementing Push notifications
- Using Cloudinary to store and deliver optimized images and videos
- and so much more...

*💬 Join the notJust Development gang and let's build together:*

Timecodes:
0:00 Intro and Project Overview
2:14 Getting Started and Initialising the Project
6:52 Implementing Image Fallbacks
14:10 Adding Update Profile functionality
33:21 Adding Update Profile Avatar functionality
46:50 Implementing Upload Videos feature
1:33:05 Refactoring the Post Component
2:11:54 CRUD: Post Likes functionality
2:36:55 Fetching Post Likes from the backend
2:57:01 Counting the number of Likes
3:01:25 Implementing Push Notifications
3:44:30 Outro

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 #instagram #reactnative

[fonbarnabas]

You give hope to react native devs and that's amazing. Thanks much.

[.iam.]

some reason my profile is not updating..very strange..just rebuilding you code..and i have the fields correctly in Supabase. I am getting this error "Property 'avatar_url' does not exist on type '{ id: string; username: string; bio: string; }'.ts(2339)" and when i add the data in manually it will not display the image...but it does update the text..the file does upload to cloudinary though when i try to update..but it still says failed to update profile becasue supabase is not being updated...

[keymoment]

What do you think about using a monorepo to manage all apps in one project folder, such as API, web, admin, and mobile app? Is it a good idea for production?

[nehat]

Sir how to handle the situation if the puchToken is already stored in the db, and if user opens the app again that it will again the api request to save the push token to db. Should we stored the token in local storage too and conditionally make the api request based on the condition

[himanishkoul]

may I know which vscode font are you using

[BohwanPark-bwlw]

I dont want to see a homie just rondammmly disappear

[darah.k]

really I'm tired of Expo errors. 90% of my time goes to fixing Expo errors

[Sandeepkumar-dmbp]

there is no tutorial, quiz app with pocketdb. if possible please create one.

[srahul]

Thank you save my life last 2 years 😂😂😂😂

[Gangbuster]

Stop using no company uses it 😂 its only for tutorials