Multi Vendor React Native App | Part 1

Foodly Multi vendor food delivery app based on react native boasts a dynamic backend crafted with Node.js and Express, providing a solid foundation for high-performance operations. MongoDB is employed for efficient data handling, and Firebase Admin is seamlessly integrated to enhance backend management capabilities. The frontend, developed with the latest version of React Native and Expo, features a sleek, cutting-edge user interface. Google Maps APIs are deftly incorporated for location-based services such as routes, directions, and geocoding, ensuring precise localization of users and restaurants. This geolocation accuracy allows for personalized recommendations and accurate delivery pricing. Additionally, the Distance Matrix is utilized to accurately calculate delivery costs, distances, and time estimates, ensuring a smooth and efficient user experience in our food delivery app. 📕📕📕📕For my palestinien brother https://www.youtube.com/watch?v=HnZSaKYmP2s Part 2 https://youtu.be/SoMjSomc60E Part 3 https://youtu.be/KbnWsTXPbk4 Get the complete code from here https://www.dbestech.com/tutorials/react-native-food-delivery-app Foodly Timestamps 00:00:00 Introduction 00:16:17 Getting started and downloading the starter code 00:24:16 Getting Google Api Key 00:28:58 Hooking Context Providers to the app00:36:34:00 Getting user location with expo-location, accessing data using useContext hook 00:42:59 Creating Home Header 00:57:26 Reverse Geocode coordinates to get location and time function 01:06:02 Category List using Flatlist and Image Component 01:27:16 Pick Restaurant List Using Flatlist and Text Component 01:39:30 Reusable Heading Component 01:45:28 Nearby Restaurant Recommendations 02:06:42 New foods recommendations and fastest near you component 02:19:17 Food Stack Navigator 02:29:17 Explanation on passing data to a screen inside of a stack 02:37:57 Creating Food Page Buttons, Text Components and styling 03:02:59 FoodTags flatlist and good additives list with BounceCheckBox 03:18:36 Count for increasing the quantity 03:26:37 Cart and orders functions and data prep 03:40:50 Handle additives and price increment according to changes in additives 03:57:47 TabView in react native 04:09:23 Restaurant Page Image, Buttons and rating using rating package 04:17:50 Restaurant rating page 04:21:59 Delivery time, cost and distance using google distance matrix 04:35:17 Passing data to page inside TabView using useContext hook 04:42:53 Google maps and linking app to native maps 04:50:00 Fetch directions using the Google direction api 05:01:19 Displaying polyLines and markers on the map 05:12:26 Restaurant food menu 05:35:23 Login and passing data to Login Context 05:44:31 Persistent CartCount using CartCount Context 05:57:52 Category Food Component Follow me on Twitter/Instagram/Facebook @dbestech Facebook page https://facebook.com/dbestech https://www.linkedin.com/in/dbestech/