Giter VIP home page Giter VIP logo

codergogoi / online_food_order_app Goto Github PK

View Code? Open in Web Editor NEW
135.0 7.0 80.0 2.86 MB

Online Food Order App on React Native using Typescript. It is a hot tutorial series on youtube where you can learn how to make apps like Uber Eats from the sketch. We have covered all the advanced topics to make it production-ready.

Home Page: https://youtube.com/playlist?list=PLaLqLOj2bk9adCWmbY-h2CG6m0-WQ2W1k

TypeScript 99.69% JavaScript 0.31%
food-delivery-application restaurant-app hotel-app food-app food-ordering uber-eats react-native food-delivery online-food-delivery-app online-food-ordering

online_food_order_app's Introduction

Online Food Order App





Indulge in the ultimate journey of mastering the art of Food Delivery Apps with our comprehensive course, packed with practical insights and hands-on learning. Dive deep into the intricacies of building your very own Food Delivery App, also known as the Online Food Order App, from inception to execution.

Here's what awaits you in this enriching course:

  • Embark on your React Native journey for iOS and Android platforms through a hands-on demonstration.
  • Craft a seamless food order app from the ground up, covering every aspect from user signup to order placement and payment processing.
  • Gain profound insights into the inner workings of various cuisines and restaurant functionalities within the app ecosystem.
  • Explore the mechanics behind an efficient Cart system, ensuring a smooth user experience.
  • Master the art of collecting payments seamlessly using the Stripe payment gateway.
  • Delve into the architecture and communication dynamics of the backend system, providing a holistic understanding of the app's infrastructure.
  • Decode the backend code intricacies, unraveling its functionality and significance.
  • Elevate your skills with expert tips and tricks to propel your journey forward in the world of app development.

Join us on this exhilarating voyage as we equip you with the tools and knowledge to excel in the realm of Food Delivery Apps. Let's embark on this journey together towards app development mastery!

Backend Section:

You can spin the backend server using Docker Kindly folllow the instructions provided in the backend documentation.

Spin Backend Local Server

Backend Repositories:

Postman Collection Link:

https://documenter.getpostman.com/view/8734310/Szt5fBTP?version=latest

How to get this course:

Option 1: CodEpisodes.com

Our E-Learning Partner where you will get the complete course along with the Backend System Overview and system design walkthrough to how to build the complete food delivery platform.

Option 2: Youtube

If you have enrolled for our Premium Content Membership $10 Monthly in Youtube Channel You will get the Mobile Application part without Backend.

Legal:

You are only allowed to Fork this repository and clone it for only learning purpose with credit to original repo. If we found redistributing any of the material of this tutorial series. My Lawyer will handle it with a penalty as per international copyright law.

Note: Several persons have already been fined with penalties for violating the copyright rules.

online_food_order_app's People

Contributors

codergogoi avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar

Forkers

sakilobm rokkoo akira-development gride-nepal marceluphd sggaita tyagi2141 viswanath19 fuinha aryan2677 h3lltronik hamdiituu ksarpotdar joshua-zhang-s sirohiwebdev sayyidisal baharkuzu pravnviji dhaferhmidi mthdd juanplatag sekarmail123 pyfundation peudan tanererkan06 sarahdeliveryorgs sunilgitb alexwong777 keleris32 habtamuwubalem dpn-digiex princekutt1 ilhammedia25 hiuhuedd coinsflex harvin123 adelinopds refactoring-coach versionhost2 mrnyamu lucio1392 trungvmo blessingadewale inallib smilykalpana yansenfer plnyakan ianvei viennth-repo prabhat-cn wiemmimouni jason5257 podupu danielwoldehana daminebenq eugene254-ship-it ashu9439 ts7752 ashiq-mypro paperpill hiteshnath-dev fong1966 skippergoroye cami-code-23 imzeeshan010 hiteshbpatel garlicar paiigak softmuneeb abdessalem-code kanakaraju043 abdfikih nikokarajannis butterfly-react nileshgarg0023 ismailyahia-mamoune vegadome jasper1223 evelyn2822 wilsoncruzz

online_food_order_app's Issues

Landing screen getting issue with utils.UseNavigation()

Screenshot 2022-07-08 at 6 26 52 am

code:

import { StyleSheet, Text, View, Image, Dimensions } from 'react-native'
import React, {useState, useReducer, useEffect }from 'react'
import * as Location from 'expo-location';
import { useNavigation } from '../utils'
const screenWidth = Dimensions.get('screen').width
const LandingScreen = () => {
  const { navigate } = useNavigation()
  const [errorMsg, setErrorMsg] = useState("")
  const [address, setAddress] = useState<Location.LocationGeocodedAddress>()
  const [displayAddress, setDisplayAddress] = useState("");
  useEffect(() => {
      (async () => {
        let { status } = await Location.requestForegroundPermissionsAsync();

        if (status !== 'granted') {
          setErrorMsg("Permission is declined")
        }

        let location: any = await Location.getCurrentPositionAsync();
        const { cords } = location

        if (cords) {
          const { latitude, longitude } = cords
          let addressResponse: any = await Location.reverseGeocodeAsync({ latitude, longitude })
          
          let res = addressResponse.map((item: any) => {
            setAddress(item)
            let currentAddress = `${item.name}, ${item.streetAddress}, ${item.city}, ${item.state}, ${item.zipCode}, ${item.country}`
            setDisplayAddress(currentAddress);
            if(currentAddress.length > 0) {
              setTimeout(() => {
                // narvigate('homeStack')
              }, 1000)
            }
            return;
          })
        } else {
          setErrorMsg("Something went wrong ")
        }
      })();
  },[])
export default LandingScreen

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.