🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) Part [5]
Vložit
- čas přidán 4. 03. 2021
- 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 - Věda a technologie
Hey Vadim, thanks so much for this. Built this twice, both apps. So grateful to you man.
Thank You, Vadim!
You are the best!
Vadim, you're the best...lets do UberEats next.
Good day Vadim, what do you think about the idea to build UberEats?
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 🚀🚀
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 CZcams keep deleting my comments
@@bulantaimeir9083 we can chat somewhere else if you can?
@Neel Patel I don't know, is there anyway to share contacts on CZcams, it is deleteing my comments
Try notjustdev discord server, you can ask on channel for uber, I can reply there
Eu amo esse canal, continue assim!
Great knowledge! thank you very much ,
it helped me a lot
Great job Vadim. I really enjoyed the tutorial
Glad to hear it!
спасибо
one of the best TOP 3 teachers on the web, thanx a lot
Vadim is the best. who are the other 2?
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
U are just awesome 😎
Wow dude, the best you are
I did not find any completed project demo???? Where do you demonstrate full functionality of the clone?
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!
@Vadim Savin at 1:18:50 the user field is null. How did you call order.user.username to display usernames?
sir please upload the uber clone demo video
This is the last class? with what technology did you make the backend of this application? Node?
Hi, sir please make some projects using mongodb nodejs. And also please cover webrtc
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.
Great job! Can you use styled components on the next projects?
hi vadim , please also make video on gps fleet trackig related app also
Hey, i like your tutorial. But it seems i cant find the driver and passenger login /regustration. Please make a video regarding that
i am waiting from last week
What about logins?
Awesome work man , i like your style but can you do something like chart js in react native 😏😎
I used charts js in the 12h stream where we built the crypto exchange
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.
I should make amplify beginner tutorial crash course :)
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?
Is The source code in GitHub?
🚀 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/
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...
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🙏
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!
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.
I've a question, is this a fully functional app? Or just the UI ?
It's full stack (both frontend and backend)
@@notjustdev cool. Can you please do ubereats or Shopify clone when you get time ?
How Driver can withdraw his earning to bank account??
Let do online birth and death registration system
Next part ????
sir
hello
Are you from Russia? You have russian name and surname)
🇲🇩
@@notjustdev ааа, хотел через дробь написать Россия/Украина/Молдова)). Тебя акцент немного выдаёт)
@@daniilchistyakov3087 it is what it is
The scintillating dredger additonally gather because lynx ultrascructurally deceive sans a industrious share. used, auspicious robin
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.