Instagram Clone in React Native: Video, Backend & Push Notifications
13.8 هزار بار بازدید -
ماه قبل
-
Optimize and deliver your media
Optimize and deliver your media effortlessly with Cloudinary. Sign up for FREE now: https://cld.media/notjustdev
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 🚀
1️⃣ Watch the first part here: https://youtube.com/live/CRIMOPhiWG8
📝 Project Page: https://www.notjust.dev/projects/inst...
✅ Guide: https://notjust.notion.site/Instagram...
💻 Source Code: https://github.com/notJust-dev/Instagram
📄 Cloudinary docs: https://cld.media/notjustdevreactnative
⚛️ 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:
- 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...
❗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: Twitter: VadimNotJustDev
Instagram: Instagram: VadimNotJustDev
Facebook: Facebook: notjustdev
LinkedIn: LinkedIn: vadimsavin
Discord: Discord: discord
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
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 🚀
1️⃣ Watch the first part here: https://youtube.com/live/CRIMOPhiWG8
📝 Project Page: https://www.notjust.dev/projects/inst...
✅ Guide: https://notjust.notion.site/Instagram...
💻 Source Code: https://github.com/notJust-dev/Instagram
📄 Cloudinary docs: https://cld.media/notjustdevreactnative
⚛️ 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:
- 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...
❗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: Twitter: VadimNotJustDev
Instagram: Instagram: VadimNotJustDev
Facebook: Facebook: notjustdev
LinkedIn: LinkedIn: vadimsavin
Discord: Discord: discord
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
ماه قبل
در تاریخ 1403/04/22 منتشر شده
است.
13,818
بـار بازدید شده