🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) [Part 4]
Let's learn React Native by building the Uber clone from scratch even if you are a beginner.
📚 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:
00:00 Intro
04:37 Prerequisites
05:37 Starting point
12:05 Setup a new React Native project for Driver App
38:00 Insall Vector Icons
44:10 Install React Native Maps
58:47 Install Maps Directions
01:04:10 Render Home Screen
01:38:34 New Order Popup
02:16:14 Pickup User Order State
02:50:10 Dropping off User Order State
03:06:55 Complete Ride Order State
03:15:31 Outro
#VadimSavin #notjust.dev #notJustDevelopment
Thank you a lot, sharing is caring
Thanks for the video Vadim. I have a question. Will play store allow me to publish an app with dummy screens like the settings screen or the about screen?
To create the button under the map you could just use the following property OverlayComponent
Amazing build. Thanks man
Good tutorial, happy to learn to you Vadim. 1 question? what feutures needed to implemente to deploy the app?
Nice work sir.. 🔥
Hello Vadim. Great channel! Greetings from Costa Rica Quick question about AWS Amplify, Is it possible to the AWS Amplify can connect to third parties APIs
You are not a person. You are a God! I was just searching the whole you tube on how to make a uber driver app and found this. You saved me today
Awesome, glad you like it
Please make a tutorial with react native and aws amplify push notifications, I can't find any tutorial in youtube.
When is the distance updated? I am running into an issue where it does not update and just stays at the initial distance from where the order was picked up.
🚀 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/
I added conditional styling to the GO button so when you are online the Button says END and button is red, when offline, button is green and says GO.
Is there part 5 of this video? or when will you built that part?
Can i use firebase instead of aws for this project
Add this video to playlist Sir 🥳 . Waitting backend video 🦾
Done!
@@notjustdev is this last vedio
Sir, please make a tutorial of Car Rental
Best youtube channel. u r awesome
Thanks buddy
I had an error while connecting backend to the userApp. Mock or duplicated files error. I followed your steps exactly> Secondly no item was added to my table . Can you help?
I have a question what if we want to create a report page for admin on the web version, does aws provide hosting? For example, we want to create an admin dashboard using codeigniter streamwork
AWS has services for any use-case. It just depends what exactly you need to acomplish, and also depends on the technology. I am not familiar with codeigniter. If you have a static dashboard, for example your dashboard is compiled to html/css/js every daay, then you can easily deploy it to s3 and put it behind cloudfront. If you need a server, then you can spin up an ec2, and there you have all the flexibility to run anything thaat can be run on a linux machine.
How you get pickup line where you are pressing that you get that line
great
is there any login system for this
nice
My Sir has asked me to make a Smart App Project in React Native. If you have any idea, then tell me, please.
Vadim can you recommend any videos for AWS Amplify I want to learn it
Check out Nader Dabit channel on youtube, he has great content on Amplify
@@notjustdev Ok thanks bro
Your tutorials were really helpful. But can we build the app using expo? I can't run my app anytime I use react-native init... It's really frustrating
You can use expo.It’s no matter .🥳
@ But I can't use Google Map using expo
vudangdev@gmail.com
@ Instagram is cool.. Let me add you on IG. I really appreciate your kindness
@@christinad.ridley5280 direct me on insta : vudang___
please don't use aws .......Not everyone have aws.... and when we made aap on local dicice it shows error
Hey Vad. Thanks for your interest, I hope you won't give up on me...
Wow..
How about uber eats ?
Uber app is not complete am I right??
Sir plz make live tv app
please set the video parts name
lets build a fintech app
When will last part of this video series will come please reply
kzhead.info/sun/eJ1uhrGabaCwfps/bejne.html
Thanks for reply, it was not in the playlist that's why I asked.
Omegle clone please
>React You aren't a programmer. Learn some real languages.