🔴 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
Пікірлер: 54
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
@notjustdev
2 жыл бұрын
Awesome, glad you like it
Thank you a lot, sharing is caring
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?
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?
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
Add this video to playlist Sir 🥳 . Waitting backend video 🦾
@notjustdev
3 жыл бұрын
Done!
@Mazloom_E_Karbala
3 жыл бұрын
@@notjustdev is this last vedio
Please make a tutorial with react native and aws amplify push notifications, I can't find any tutorial in youtube.
Best youtube channel. u r awesome
@notjustdev
3 жыл бұрын
Thanks buddy
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.
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.
Sir, please make a tutorial of Car Rental
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?
Is there part 5 of this video? or when will you built that part?
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
@notjustdev
3 жыл бұрын
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.
great
nice
Can i use firebase instead of aws for this project
Vadim can you recommend any videos for AWS Amplify I want to learn it
@notjustdev
3 жыл бұрын
Check out Nader Dabit channel on youtube, he has great content on Amplify
@mohamedpro4962
3 жыл бұрын
@@notjustdev Ok thanks bro
How you get pickup line where you are pressing that you get that line
is there any login system for this
My Sir has asked me to make a Smart App Project in React Native. If you have any idea, then tell me, please.
Hey Vad. Thanks for your interest, I hope you won't give up on me...
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
3 жыл бұрын
You can use expo.It’s no matter .🥳
@christinad.ridley5280
3 жыл бұрын
@ But I can't use Google Map using expo
3 жыл бұрын
vudangdev@gmail.com
@christinad.ridley5280
3 жыл бұрын
@ Instagram is cool.. Let me add you on IG. I really appreciate your kindness
3 жыл бұрын
@@christinad.ridley5280 direct me on insta : vudang___
Wow..
When will last part of this video series will come please reply
@notjustdev
3 жыл бұрын
kzread.info/dash/bejne/d21puK-bZtHge8Y.html
@archanoidtalks9393
3 жыл бұрын
Thanks for reply, it was not in the playlist that's why I asked.
Sir plz make live tv app
How about uber eats ?
lets build a fintech app
please set the video parts name
Uber app is not complete am I right??
please don't use aws .......Not everyone have aws.... and when we made aap on local dicice it shows error
Omegle clone please
🚀 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/
>React You aren't a programmer. Learn some real languages.