Building an Instagram Clone with React Native and Cloudinary
8.9 هزار بار بازدید -
3 هفته پیش
-
Optimize and deliver your media
Optimize and deliver your media effortlessly with Cloudinary. Sign up for FREE now: https://cld.media/notjustdev
In this tutorial, we'll guide you through building an Instagram clone using React Native, Expo, Supabase, and Cloudinary. You'll learn to set up a new project with Expo, create the UI, handle backend functionalities with Supabase, and optimize media storage with Cloudinary. Let's get started 🔥
2️⃣ Watch the second 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:
- Setting up a new React Native project with Expo and Expo Router
- Building a simple UI of Instagram
- Using Supabase as the backend for the Database and Authentication
- 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
5:14 Setting up a new Expo project
16:01 Defining the app directories and screens
23:02 Setting up Tab Navigation using Expo Router
40:10 Installing and Setting up the NativeWind library
1:02:03 Building the User Interface: Feed Screen
1:38:23 Making the Feed Responsive
1:51:04 Building the New Post Screen
2:07:00 Adding the Image Picker Functionality
2:15:09 Building the Profile Page Screen
2:32:33 Setting up Cloudinary Images
3:03:03 Uploading Images to Cloudinary
3:26:16 Setting up Supabase
3:31:26 Implementing Authentication
3:34:08 Fetching User Posts and Pull to Refetch
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 tutorial, we'll guide you through building an Instagram clone using React Native, Expo, Supabase, and Cloudinary. You'll learn to set up a new project with Expo, create the UI, handle backend functionalities with Supabase, and optimize media storage with Cloudinary. Let's get started 🔥
2️⃣ Watch the second 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:
- Setting up a new React Native project with Expo and Expo Router
- Building a simple UI of Instagram
- Using Supabase as the backend for the Database and Authentication
- 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
5:14 Setting up a new Expo project
16:01 Defining the app directories and screens
23:02 Setting up Tab Navigation using Expo Router
40:10 Installing and Setting up the NativeWind library
1:02:03 Building the User Interface: Feed Screen
1:38:23 Making the Feed Responsive
1:51:04 Building the New Post Screen
2:07:00 Adding the Image Picker Functionality
2:15:09 Building the Profile Page Screen
2:32:33 Setting up Cloudinary Images
3:03:03 Uploading Images to Cloudinary
3:26:16 Setting up Supabase
3:31:26 Implementing Authentication
3:34:08 Fetching User Posts and Pull to Refetch
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
3 هفته پیش
در تاریخ 1403/04/15 منتشر شده
است.
8,978
بـار بازدید شده