React Native Food App

Udemy Certificate USD 24.99
Enroll now →
React Native Food App

About this course

Foodly 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.This tutorial only covers frontend user section. Backend api is given but we did not cover any admin panelThe 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.Basic App FeaturesGetting Google Api KeyHooking Context Providers to the appGetting user location with expo-location, accessing data using useContext hookCreating Home HeaderReverse Geocode coordinates to get location and time functionCategory List using Flatlist and Image ComponentPick Restaurant List Using Flatlist and Text ComponentReusable Heading ComponentNearby Restaurant RecommendationsNew foods recommendations and fastest near you componentFood Stack NavigatorExplanation on passing data to a screen inside of a stackCreating Food Page Buttons, Text Components and stylingFoodTags flatlist and good additives list with BounceCheckBoxCount for increasing the quantityCart and orders functions and data prepHandle additives and pri

What you'll learn

  • implement Google Maps APIs for location services
  • create user interface components with React Native
  • manage user location data
  • handle data preparation for cart and order functionalities

Course objectives

  • develop a frontend for a food delivery application using React Native
  • understand how to use context providers for state management
  • build navigation between different screens in a mobile application

Skills you'll gain

Related courses

Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.