Optimize and deliver your media effortlessly with Cloudinary. Sign up for FREE now: https://ntjst.dev/cldn25

In this beginner-friendly tutorial, you’ll build a photo sharing app for weddings, parties, concerts and other events using React Native and Expo. This project includes features like collaborative albums, photo uploads, and event-based sharing via links or QR codes. It’s the perfect project if you want to explore building real-world media apps with a modern stack, from UI to cloud storage to backend integration.

📚 Get the step-by-step guide and Asset Bundle: https://www.notjust.dev/projects/photo-sharing

❗️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Enroll here: https://www.notjust.dev/react-native-mastery

📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn:
👉 How to create and join shared photo albums for events using React Native + Expo Router
👉 How to upload and render photos/videos using Cloudinary and Expo Media APIs
👉 How to create smooth navigation and screen transitions using Expo Router
👉 How to implement dynamic QR and link-based event sharing
👉 How to handle authentication and user access using Supabase Auth
👉 How to build a PostgreSQL-backed backend using Supabase
👉 How to apply a disposable camera UX with potential photo filters 
.. and MORE!

Timecodes:
0:00 Intro and Project Overview
4:33 Project Setup
14:59 Defining the Screens with Expo Router
26:36 Setting up NativeWind
44:17 Building the Camera Screen UI
1:10:51 Uploading Camera images to Cloudinary
1:39:52 Setting up the Supabase Backend
2:06:55 Setting up Authentication\
2:18:53 Fetching the Events from the Database
2:49:58 Adding the Camera inside the Details Event Page
3:20:02 Build the Create and Share Event Page
3:40:45 Adding the Event Membership
3:57:11 Outro

💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions

💬 Join the notJust Development gang and let's build together:
Twitter: https://twitter.com/VadimNotJustDev
Instagram: https://www.instagram.com/VadimNotJustDev
Facebook: https://www.facebook.com/notjustdev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Discord: https://discord.gg/VpURUN2

#notjustdev #reactnative #mobileappdevelopment

notJust.dev

A beginner-friendly tutorial for building a full-stack photo sharing mobile app using React Native and Expo SDK 54. Covers project setup with Expo Router v6, styling with NativeWind (Tailwind CSS), camera integration via Expo Camera, and media management with Cloudinary for uploading, optimizing, and transforming images. Also touches on Supabase for authentication and database. The tutorial walks through initializing the project, configuring navigation, setting up the camera screen with permissions, capturing photos, uploading them to Cloudinary, and rendering optimized images with on-the-fly transformations.

🔴 Build a Photo Sharing app with React Native (tutorial for beginners)