Meetup Clone with React Native: Advanced Backend, Maps, GEO Filtering
In this second part of our tutorial series, we'll dive deeper into building our Meetup clone using React Native, Expo and Supabase. We'll focus on integrating maps, geo-filtering for nearby events, and enhancing the backend with filtering, sorting, and pagination. You’ll also learn how to implement event creation, bringing your app closer to a fully functional local event platform. Are you ready? Let's get started 🚀
1️⃣ Watch the first part here: hhttps://youtube.com/live/amM52EADmRY
📝 Project Page: https://www.notjust.dev/projects/meetup
📝 Step-by-step Guide: https://assets.notjust.dev/meetup
💻 Source Code: https://github.com/notJust-dev/Meetup
⚛️ 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:
React Native for mobile app development
Expo for a streamlined development process
Expo Router for easy navigation
Supabase for advanced backend capabilities: filtering, sorting, and pagination
Maps integration and GEO filtering for real-time nearby event discovery
Supabase for backend services, including authentication and real-time data
❗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: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
0:00 Intro and Project Overview
5:51 Adding the Create Event Feature
43:48 Fixing the Types for Tables
57:36 Uploading the User Avatar to the Storage
1:12:21 Uploading Event Images with Supabase Storage
1:25:53 Fetching Nearby Locations using Geo Queries with PostGis
2:05:15 Using User Location using Expo Location
2:25:25 Implementing Address Autocomplete with MapBox API
3:18:22 Displaying Events on a Map using MapBox
3:50:38 Project Demo and 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 #supabase #reactnative
Watch video Meetup Clone with React Native: Advanced Backend, Maps, GEO Filtering online without registration, duration hours minute second in high quality. This video was added by user notJust․dev 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,867 once and liked it 148 people.