🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) Part [5]

Ғылым және технология

Let's learn React Native & AWS Amplify by building Uber clone from scratch (beginner friendly).
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
🚀 Download the Asset Bundle (Images, Dummy data, PDF presentation):
assets.notjust.dev/uber
🐱‍💻 Source code:
github.com/Savinvadim1312/Ube...
💬 Join the notJust Development gang and let's build together:
/ discord
If you are a beginner that wants to learn javascript and react-native or an advanced javascript developer that wants to get into mobile development using react native then this Livestream is for you. This is a perfect opportunity to follow along and build this application together with us, and add it to your portfolio as it will help you land your next job. If you finish the app, tag me on social media and I will give you feedback.
We will start building the Uber clone from scratch, starting from setting up a React Native project and finishing with connecting the application with a GraphQL backend using AWS Amplify. We will walk through designing the UI layout of the app, structuring everything in components, and putting everything together. We will also implement navigation between screens, header bars, and tab bars for the Uber app menu using React Navigation.
Learn how to work with Google maps in react native, to draw routes on the maps, and to implement an autocomplete feature for the location input.
For the backend, we will be using AWS Amplify, which is an amazing combination of tools and services from AWS, that helps us build mobile and web applications faster. It offers pre-made authentication components and flows, database, API (REST and GraphQL), storage, and much more.
Doing the react-native Uber clone yourself is a great opportunity to practice React Native, modern Javascript, Typescript, AWS Amplify. We are always trying to use the latest technologies and best practices, so that's another opportunity to learn something new, being it functional components, hooks, state, navigations, or AWS and Amplify.
Tag me on social media when you finish this build, and I will give you feedback on your code.
LinkedIn: / vadimsavin
IG: / vadimsavin0
Twitter: / savinvadim_
Timecodes:
#VadimSavin #notjust.dev #notJustDevelopment

Пікірлер: 63

  • @joshuamilanya3895
    @joshuamilanya3895 Жыл бұрын

    Hey Vadim, thanks so much for this. Built this twice, both apps. So grateful to you man.

  • @juliovicenteperez7172
    @juliovicenteperez71723 жыл бұрын

    Thank You, Vadim! You are the best!

  • @chaumyhao2912
    @chaumyhao29122 жыл бұрын

    Great knowledge! thank you very much , it helped me a lot

  • @cleniofeitosa5265
    @cleniofeitosa52652 жыл бұрын

    Eu amo esse canal, continue assim!

  • @jesusporrello7675
    @jesusporrello76752 жыл бұрын

    Great job Vadim. I really enjoyed the tutorial

  • @notjustdev

    @notjustdev

    2 жыл бұрын

    Glad to hear it!

  • @skilla10101
    @skilla101012 жыл бұрын

    Vadim, you're the best...lets do UberEats next.

  • @skilla10101

    @skilla10101

    2 жыл бұрын

    Good day Vadim, what do you think about the idea to build UberEats?

  • @wanjohi
    @wanjohi3 жыл бұрын

    Hi vadim, could you try using firebase in your next video? Or another cloud service... Some of us do not have the luxury of Amazon cloud services

  • @ramankremko371
    @ramankremko3713 жыл бұрын

    Hi, thanks for the lessons. Tell me, how can I organize in the driver application, after he has accepted the order from the client, navigation to the client's location, what would be like in the navigator "now turn left, etc. ...", please send me what to read for this? Thanks a lot in advance!

  • @realtorBG
    @realtorBG2 жыл бұрын

    one of the best TOP 3 teachers on the web, thanx a lot

  • @daverd6434

    @daverd6434

    2 жыл бұрын

    Vadim is the best. who are the other 2?

  • @eduardofranca181
    @eduardofranca1813 жыл бұрын

    Great job! Can you use styled components on the next projects?

  • @bulantaimeir9083
    @bulantaimeir90832 жыл бұрын

    You can run on two android emulator if you are using windows machine by running on different ports. For driver: yarn start --port 8082 For uber user: yarn start --port 8083 Then run android like this: Driver: yarn android --port 8082 --deviceId emulator-5554 Uber: yarn android --port 8083 --deviceId emulator-5556 It should pop up a error, you can fix by pressing ctrl+m on emulator open "change bundle location" and change to corresponding port localhost:8082, localhost:8083 Just finished the build, Thank you Vadim, for great content 🙏🙏 keep it up 🚀🚀

  • @neerajpal1529

    @neerajpal1529

    2 жыл бұрын

    Bro can you help we got stuck at the last part of the video while subscribe to data, this project is going to help us in you University project. If you can tell us were we can contact you.

  • @bulantaimeir9083

    @bulantaimeir9083

    2 жыл бұрын

    @@neerajpal1529 KZread keep deleting my comments

  • @neerajpal1529

    @neerajpal1529

    2 жыл бұрын

    @@bulantaimeir9083 we can chat somewhere else if you can?

  • @bulantaimeir9083

    @bulantaimeir9083

    2 жыл бұрын

    @Neel Patel I don't know, is there anyway to share contacts on KZread, it is deleteing my comments

  • @bulantaimeir9083

    @bulantaimeir9083

    2 жыл бұрын

    Try notjustdev discord server, you can ask on channel for uber, I can reply there

  • @matheusriquelmeguimaraesma7015
    @matheusriquelmeguimaraesma70153 жыл бұрын

    This is the last class? with what technology did you make the backend of this application? Node?

  • @paulmccafferty40
    @paulmccafferty40 Жыл бұрын

    I had an issue where I was continuously getting getVehicle was undefined in type query. I traced this back to the aws-exports file. And checked my graphql endpoint in comparison to the user application. It was a different endpoint and not hitting the correct API. The login worked but the queries didn't, I found that strange. Nonetheless will rewatch the configuration of aws when I finish the tutorial. For now I copied the aws-exports file contents which will allow me to finish developing then fix whatever the issue is at the end.

  • @michellegunawan3170
    @michellegunawan31703 жыл бұрын

    @Vadim Savin at 1:18:50 the user field is null. How did you call order.user.username to display usernames?

  • @muhammadumer-pc9fv
    @muhammadumer-pc9fv3 жыл бұрын

    sir please upload the uber clone demo video

  • @BehruzbekOtayev
    @BehruzbekOtayev2 жыл бұрын

    I did not find any completed project demo???? Where do you demonstrate full functionality of the clone?

  • @okeyshourovroy2769
    @okeyshourovroy27693 жыл бұрын

    Hi, sir please make some projects using mongodb nodejs. And also please cover webrtc

  • @Khahory
    @Khahory Жыл бұрын

    Wow dude, the best you are

  • @aimpursuit
    @aimpursuit2 жыл бұрын

    Hey, i like your tutorial. But it seems i cant find the driver and passenger login /regustration. Please make a video regarding that

  • @CapiFlvcko
    @CapiFlvcko3 жыл бұрын

    U are just awesome 😎

  • @naciribraimo7967
    @naciribraimo79672 жыл бұрын

    Thanks Vadim, it's was really interesing the position of the car and its updating when the car moving. one question: how to determine the updates in seconds?

  • @samuelgilberts7503
    @samuelgilberts75032 жыл бұрын

    Thank you so much for sharing , I really appreciate it. But is the a way we can use MongoDB or firestore for our backend? If yes, can you kindly make a quick tutorial on it with the same project. Thank you.

  • @vishalgupta-wp2sy
    @vishalgupta-wp2sy3 жыл бұрын

    hi vadim , please also make video on gps fleet trackig related app also

  • @mohamedkhamis8082
    @mohamedkhamis80823 жыл бұрын

    Awesome work man , i like your style but can you do something like chart js in react native 😏😎

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    I used charts js in the 12h stream where we built the crypto exchange

  • @cubedev4838
    @cubedev48383 жыл бұрын

    I should make amplify beginner tutorial crash course :)

  • @akilslade9770
    @akilslade97703 жыл бұрын

    Hello i want to follow along but i have a mac with m1 chip and i cant get the react native environment to work properly. I followed all steps from their website.my issue is with podsfiles mostly.

  • @andrewcbuensalida
    @andrewcbuensalida2 жыл бұрын

    I'm about to start this watching this tutorial. Can anyone tell me if it's worth it? If it still works in December 2021? Is it easy to follow along? Thank you!

  • @garvisrobot9274
    @garvisrobot92748 ай бұрын

    What about logins?

  • @muhammadumer-pc9fv
    @muhammadumer-pc9fv3 жыл бұрын

    i am waiting from last week

  • @CapiFlvcko
    @CapiFlvcko3 жыл бұрын

    Is The source code in GitHub?

  • @ibnunuur1349
    @ibnunuur13493 жыл бұрын

    I have downloaded this project bro But my vs code doesn't allow to open with Emulator Can u help me how can i open with Emulator to see how this app looks like Plz reply🙏

  • @maskoding8215
    @maskoding8215 Жыл бұрын

    Hello mr.vadim.... data fetch car in user app error, likely in this part in end of tutorial, and in aws amplify why email confirmation code not sending in my email, do you have any solution for this problem...

  • @LeoVergolinh
    @LeoVergolinh13 күн бұрын

    спасибо

  • @_danishlaeeq
    @_danishlaeeq2 жыл бұрын

    How Driver can withdraw his earning to bank account??

  • @vsspruthviustepalle5632
    @vsspruthviustepalle56323 жыл бұрын

    I've a question, is this a fully functional app? Or just the UI ?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    It's full stack (both frontend and backend)

  • @vsspruthviustepalle5632

    @vsspruthviustepalle5632

    3 жыл бұрын

    @@notjustdev cool. Can you please do ubereats or Shopify clone when you get time ?

  • @notjustdev
    @notjustdev3 жыл бұрын

    🚀 Download the Asset Bundle: assets.notjust.dev/uber​ 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/

  • @elormbrowntv2349
    @elormbrowntv23492 жыл бұрын

    Let do online birth and death registration system

  • @yvvdas9562
    @yvvdas95622 жыл бұрын

    Next part ????

  • @muhammadumer-pc9fv
    @muhammadumer-pc9fv3 жыл бұрын

    hello

  • @muhammadumer-pc9fv
    @muhammadumer-pc9fv3 жыл бұрын

    sir

  • @daverd6434
    @daverd64345 ай бұрын

    Thank you very much Vadim for your amazing content. I got an ERROR after installing amplify packages (following also the documentation for updates) : > yarn add aws-amplify @aws-amplify/react-native amazon-cognito-identity-js @react-native-community/netinfo @react-native-async-storage/async-storage react-native-get-random-values I have a Mac with M1 chip This is the error: ld: 7 duplicate symbols for architecture arm64 clang: error: linker command failed with exit code 1 (use -v to see invocation) 2023-12-18 09:57:27.736 xcodebuild[2118:24874] DVTCoreDeviceEnabledState: DVTCoreDeviceEnabledState_Disabled set via user default (DVTEnableCoreDevice=disabled) --- xcodebuild: WARNING: Using the first of multiple matching destinations: May you help me please. Thank you.

  • @daniilchistyakov3087
    @daniilchistyakov30873 жыл бұрын

    Are you from Russia? You have russian name and surname)

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    🇲🇩

  • @daniilchistyakov3087

    @daniilchistyakov3087

    3 жыл бұрын

    @@notjustdev ааа, хотел через дробь написать Россия/Украина/Молдова)). Тебя акцент немного выдаёт)

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    @@daniilchistyakov3087 it is what it is

  • @ritewayrepairllc2484
    @ritewayrepairllc24843 жыл бұрын

    The scintillating dredger additonally gather because lynx ultrascructurally deceive sans a industrious share. used, auspicious robin

Келесі