High Definition Standard Definition Theater
Video id : E95VMb6nzKc
ImmersiveAmbientModecolor: #ebd78c (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: dcbeef22186738ab19371c85fe6b5c2359ebfbf246706afee588363ae27f5bd5a9b8b4a55bb1d3c6bb1ce4c8d07a04ca
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1716036058733 - unknown on Apple WebKit
Mystery text : RTk1Vk1iNm56S2MgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
šŸ”“ Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) Part [5]
Jump to Connections
165,766 Views ā€¢ Streamed live on Mar 5, 2021 ā€¢ Click to toggle off description
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/UberClone

šŸ’¬ Join the notJust Development gang and let's build together:
discord.gg/VpURUN2

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: www.linkedin.com/in/vadimsavin
IG: www.instagram.com/vadimsavin0
Twitter: twitter.com/SavinVadim_

Timecodes:


#VadimSavin #notjust.dev #notJustDevelopment
Metadata And Engagement

Views : 165,766
Genre: Science & Technology
Date of upload: Streamed live on Mar 5, 2021 ^^


Rating : 4.909 (21/901 LTDR)
RYD date created : 2022-04-09T18:32:35.856411Z
See in json
Tags

YouTube Comments - 63 Comments

Top Comments of this video!! :3

@joshuamilanya3895

1 year ago

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

1 |

@skilla10101

2 years ago

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

7 |

@juliovicenteperez7172

3 years ago

Thank You, Vadim! You are the best!

|

@chaumyhao2912

2 years ago

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

|

@cleniofeitosa5265

2 years ago

Eu amo esse canal, continue assim!

|

@bulantaimeir9083

2 years ago

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 šŸš€šŸš€

3 |

@jesusporrello7675

2 years ago

Great job Vadim. I really enjoyed the tutorial

1 |

@wanjohi

3 years ago

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

5 |

@realtorBG

2 years ago

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

|

@michellegunawan3170

3 years ago

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

|

@daverd6434

4 months ago

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.

1 |

@ramankremko371

3 years ago

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!

|

@matheusriquelmeguimaraesma7015

3 years ago

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

1 |

@LeoVergolinh

2 weeks ago

сŠæŠ°ŃŠøŠ±Š¾

|

@eduardofranca181

3 years ago

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

|

@BehruzbekOtayev

2 years ago

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

1 |

@CapiFlvcko

3 years ago

U are just awesome šŸ˜Ž

3 |

@paulmccafferty40

1 year ago

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.

|

@notjustdev

3 years ago

šŸš€ Download the Asset Bundle: assets.notjust.dev/uber%E2%80%8B šŸ“š Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/

|

@Khahory

1 year ago

Wow dude, the best you are

|

Go To Top