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
Смотрите видео Meetup Clone with React Native: Advanced Backend, Maps, GEO Filtering онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь notJust․dev 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,867 раз и оно понравилось 148 людям.