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

  Переглядів 163,390

notJust․dev

notJust․dev

3 роки тому

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

КОМЕНТАРІ: 62
@joshuamilanya3895
@joshuamilanya3895 Рік тому
Hey Vadim, thanks so much for this. Built this twice, both apps. So grateful to you man.
@skilla10101
@skilla10101 2 роки тому
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?
@juliovicenteperez7172
@juliovicenteperez7172 3 роки тому
Thank You, Vadim! You are the best!
@cleniofeitosa5265
@cleniofeitosa5265 2 роки тому
Eu amo esse canal, continue assim!
@chaumyhao2912
@chaumyhao2912 2 роки тому
Great knowledge! thank you very much , it helped me a lot
@bulantaimeir9083
@bulantaimeir9083 2 роки тому
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 UKposts 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 UKposts, it is deleteing my comments
@bulantaimeir9083
@bulantaimeir9083 2 роки тому
Try notjustdev discord server, you can ask on channel for uber, I can reply there
@jesusporrello7675
@jesusporrello7675 2 роки тому
Great job Vadim. I really enjoyed the tutorial
@notjustdev
@notjustdev 2 роки тому
Glad to hear it!
@notjustdev
@notjustdev 3 роки тому
🚀 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/
@ramankremko371
@ramankremko371 3 роки тому
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!
@wanjohi
@wanjohi 3 роки тому
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
@michellegunawan3170
@michellegunawan3170 3 роки тому
@Vadim Savin at 1:18:50 the user field is null. How did you call order.user.username to display usernames?
@realtorBG
@realtorBG 2 роки тому
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?
@matheusriquelmeguimaraesma7015
@matheusriquelmeguimaraesma7015 3 роки тому
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.
@muhammadumer-pc9fv
@muhammadumer-pc9fv 3 роки тому
sir please upload the uber clone demo video
@BehruzbekOtayev
@BehruzbekOtayev 2 роки тому
I did not find any completed project demo???? Where do you demonstrate full functionality of the clone?
@akilslade9770
@akilslade9770 3 роки тому
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.
@aimpursuit
@aimpursuit 2 роки тому
Hey, i like your tutorial. But it seems i cant find the driver and passenger login /regustration. Please make a video regarding that
@okeyshourovroy2769
@okeyshourovroy2769 3 роки тому
Hi, sir please make some projects using mongodb nodejs. And also please cover webrtc
@CapiFlvcko
@CapiFlvcko 3 роки тому
U are just awesome 😎
@eduardofranca181
@eduardofranca181 3 роки тому
Great job! Can you use styled components on the next projects?
@Khahory
@Khahory Рік тому
Wow dude, the best you are
@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...
@ibnunuur1349
@ibnunuur1349 3 роки тому
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🙏
@naciribraimo7967
@naciribraimo7967 2 роки тому
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?
@garvisrobot9274
@garvisrobot9274 7 місяців тому
What about logins?
@vishalgupta-wp2sy
@vishalgupta-wp2sy 3 роки тому
hi vadim , please also make video on gps fleet trackig related app also
@CapiFlvcko
@CapiFlvcko 3 роки тому
Is The source code in GitHub?
@mohamedkhamis8082
@mohamedkhamis8082 3 роки тому
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
@andrewcbuensalida
@andrewcbuensalida 2 роки тому
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!
@samuelgilberts7503
@samuelgilberts7503 2 роки тому
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.
@cubedev4838
@cubedev4838 3 роки тому
I should make amplify beginner tutorial crash course :)
@muhammadumer-pc9fv
@muhammadumer-pc9fv 3 роки тому
i am waiting from last week
@vsspruthviustepalle5632
@vsspruthviustepalle5632 3 роки тому
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 2 роки тому
@@notjustdev cool. Can you please do ubereats or Shopify clone when you get time ?
@_danishlaeeq
@_danishlaeeq Рік тому
How Driver can withdraw his earning to bank account??
@elormbrowntv2349
@elormbrowntv2349 2 роки тому
Let do online birth and death registration system
@yvvdas9562
@yvvdas9562 2 роки тому
Next part ????
@muhammadumer-pc9fv
@muhammadumer-pc9fv 3 роки тому
hello
@muhammadumer-pc9fv
@muhammadumer-pc9fv 3 роки тому
sir
@daniilchistyakov3087
@daniilchistyakov3087 3 роки тому
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
@ritewayrepairllc2484 3 роки тому
The scintillating dredger additonally gather because lynx ultrascructurally deceive sans a industrious share. used, auspicious robin
@daverd6434
@daverd6434 4 місяці тому
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.
🔴  Build the Uber clone in React Native (Tutorial for Beginners)
3:43:51
notJust․dev
Переглядів 778 тис.
Build Flappy Bird with React Native: Skia & Reanimated Tutorial
3:20:38
notJust․dev
Переглядів 14 тис.
Что будет с кроссовком?
00:35
Аришнев
Переглядів 1,7 млн
Building the Formula 1 App with React Native
3:58:45
notJust․dev
Переглядів 208 тис.
Big Tech AI Is A Lie
16:56
Tina Huang
Переглядів 45 тис.
Buildship + FlutterFlow  - THE ONLY 2 NO-CODE TOOLS YOU NEED TO BUILD AN APP
22:46
Best frontend and backend projects for resume
13:11
Hitesh Choudhary
Переглядів 125 тис.
Разбираем основы Kafka и RabbitMQ
26:54
Digital train | Alex Babin
Переглядів 4,8 тис.
The Only .NET Scheduler You Should Be Using!
16:38
Nick Chapsas
Переглядів 22 тис.
Такого вы точно не видели #SonyEricsson #MPF10 #K700
0:19
BenJi Mobile Channel
Переглядів 1,7 млн
RTX 4070 Super слишком хороша. Меня это бесит
15:22
Рома, Просто Рома
Переглядів 83 тис.
КУПИЛ SAMSUNG GALAXY S24 ULTRA ЗА 88000 РУБЛЕЙ!
27:29
DimaViper
Переглядів 31 тис.
Що покаже Apple, гнучкі айфони та Windows переходить на ARM
17:49
Ноталка Шелягіна
Переглядів 57 тис.
План хакера 🤯 #shorts #фильмы
0:59
BruuHub
Переглядів 988 тис.