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/