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

2021 ж. 4 Нау.
163 261 Рет қаралды

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

Пікірлер
  • Hey Vadim, thanks so much for this. Built this twice, both apps. So grateful to you man.

    @joshuamilanya3895@joshuamilanya3895 Жыл бұрын
  • Vadim, you're the best...lets do UberEats next.

    @skilla10101@skilla101012 жыл бұрын
    • Good day Vadim, what do you think about the idea to build UberEats?

      @skilla10101@skilla101012 жыл бұрын
  • Thank You, Vadim! You are the best!

    @juliovicenteperez7172@juliovicenteperez71723 жыл бұрын
  • Eu amo esse canal, continue assim!

    @cleniofeitosa5265@cleniofeitosa52652 жыл бұрын
  • Great knowledge! thank you very much , it helped me a lot

    @chaumyhao2912@chaumyhao29122 жыл бұрын
  • 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 🚀🚀

    @bulantaimeir9083@bulantaimeir90832 жыл бұрын
    • 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.

      @neerajpal1529@neerajpal15292 жыл бұрын
    • @@neerajpal1529 KZhead keep deleting my comments

      @bulantaimeir9083@bulantaimeir90832 жыл бұрын
    • @@bulantaimeir9083 we can chat somewhere else if you can?

      @neerajpal1529@neerajpal15292 жыл бұрын
    • @Neel Patel I don't know, is there anyway to share contacts on KZhead, it is deleteing my comments

      @bulantaimeir9083@bulantaimeir90832 жыл бұрын
    • Try notjustdev discord server, you can ask on channel for uber, I can reply there

      @bulantaimeir9083@bulantaimeir90832 жыл бұрын
  • Great job Vadim. I really enjoyed the tutorial

    @jesusporrello7675@jesusporrello76752 жыл бұрын
    • Glad to hear it!

      @notjustdev@notjustdev2 жыл бұрын
  • 🚀 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/

    @notjustdev@notjustdev3 жыл бұрын
  • 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!

    @ramankremko371@ramankremko3713 жыл бұрын
  • 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

    @wanjohi@wanjohi3 жыл бұрын
  • @Vadim Savin at 1:18:50 the user field is null. How did you call order.user.username to display usernames?

    @michellegunawan3170@michellegunawan31703 жыл бұрын
  • one of the best TOP 3 teachers on the web, thanx a lot

    @realtorBG@realtorBG2 жыл бұрын
    • Vadim is the best. who are the other 2?

      @daverd6434@daverd64342 жыл бұрын
  • This is the last class? with what technology did you make the backend of this application? Node?

    @matheusriquelmeguimaraesma7015@matheusriquelmeguimaraesma70153 жыл бұрын
  • 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.

    @paulmccafferty40@paulmccafferty40 Жыл бұрын
  • sir please upload the uber clone demo video

    @muhammadumer-pc9fv@muhammadumer-pc9fv3 жыл бұрын
  • I did not find any completed project demo???? Where do you demonstrate full functionality of the clone?

    @BehruzbekOtayev@BehruzbekOtayev2 жыл бұрын
  • 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.

    @akilslade9770@akilslade97703 жыл бұрын
  • Hey, i like your tutorial. But it seems i cant find the driver and passenger login /regustration. Please make a video regarding that

    @aimpursuit@aimpursuit2 жыл бұрын
  • Hi, sir please make some projects using mongodb nodejs. And also please cover webrtc

    @okeyshourovroy2769@okeyshourovroy27693 жыл бұрын
  • U are just awesome 😎

    @CapiFlvcko@CapiFlvcko3 жыл бұрын
  • Great job! Can you use styled components on the next projects?

    @eduardofranca181@eduardofranca1813 жыл бұрын
  • Wow dude, the best you are

    @Khahory@Khahory Жыл бұрын
  • 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...

    @maskoding8215@maskoding8215 Жыл бұрын
  • 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🙏

    @ibnunuur1349@ibnunuur13493 жыл бұрын
  • 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?

    @naciribraimo7967@naciribraimo79672 жыл бұрын
  • What about logins?

    @garvisrobot9274@garvisrobot92747 ай бұрын
  • hi vadim , please also make video on gps fleet trackig related app also

    @vishalgupta-wp2sy@vishalgupta-wp2sy3 жыл бұрын
  • Is The source code in GitHub?

    @CapiFlvcko@CapiFlvcko3 жыл бұрын
  • Awesome work man , i like your style but can you do something like chart js in react native 😏😎

    @mohamedkhamis8082@mohamedkhamis80823 жыл бұрын
    • I used charts js in the 12h stream where we built the crypto exchange

      @notjustdev@notjustdev3 жыл бұрын
  • 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!

    @andrewcbuensalida@andrewcbuensalida2 жыл бұрын
  • 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.

    @samuelgilberts7503@samuelgilberts75032 жыл бұрын
  • I should make amplify beginner tutorial crash course :)

    @cubedev4838@cubedev48383 жыл бұрын
  • i am waiting from last week

    @muhammadumer-pc9fv@muhammadumer-pc9fv3 жыл бұрын
  • I've a question, is this a fully functional app? Or just the UI ?

    @vsspruthviustepalle5632@vsspruthviustepalle56323 жыл бұрын
    • It's full stack (both frontend and backend)

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev cool. Can you please do ubereats or Shopify clone when you get time ?

      @vsspruthviustepalle5632@vsspruthviustepalle56322 жыл бұрын
  • How Driver can withdraw his earning to bank account??

    @_danishlaeeq@_danishlaeeq Жыл бұрын
  • Let do online birth and death registration system

    @elormbrowntv2349@elormbrowntv23492 жыл бұрын
  • Next part ????

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

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

    @muhammadumer-pc9fv@muhammadumer-pc9fv3 жыл бұрын
  • Are you from Russia? You have russian name and surname)

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

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

      @daniilchistyakov3087@daniilchistyakov30873 жыл бұрын
    • @@daniilchistyakov3087 it is what it is

      @notjustdev@notjustdev3 жыл бұрын
  • The scintillating dredger additonally gather because lynx ultrascructurally deceive sans a industrious share. used, auspicious robin

    @ritewayrepairllc2484@ritewayrepairllc24843 жыл бұрын
  • 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.

    @daverd6434@daverd64344 ай бұрын
KZhead