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

2024 ж. 20 Мам.
48 630 Рет қаралды

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

    @alisiyad7737@alisiyad77373 жыл бұрын
  • 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?

    @andrewcbuensalida@andrewcbuensalida2 жыл бұрын
  • To create the button under the map you could just use the following property OverlayComponent

    @mkivamilk9003@mkivamilk90033 жыл бұрын
  • Amazing build. Thanks man

    @thatolebethe8896@thatolebethe88965 ай бұрын
  • Good tutorial, happy to learn to you Vadim. 1 question? what feutures needed to implemente to deploy the app?

    @naciribraimo7967@naciribraimo79672 жыл бұрын
  • Nice work sir.. 🔥

    @ifiokumoren6759@ifiokumoren67593 жыл бұрын
  • 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

    @aestebanclchannel89@aestebanclchannel893 жыл бұрын
  • 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

    @vithursanthevendran1009@vithursanthevendran10092 жыл бұрын
    • Awesome, glad you like it

      @notjustdev@notjustdev2 жыл бұрын
  • Please make a tutorial with react native and aws amplify push notifications, I can't find any tutorial in youtube.

    @nadadenada8258@nadadenada82583 жыл бұрын
  • 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.

    @OsminS@OsminS3 жыл бұрын
  • 🚀 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/

    @notjustdev@notjustdev3 жыл бұрын
  • 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.

    @fensom80@fensom807 ай бұрын
  • Is there part 5 of this video? or when will you built that part?

    @muhammadaqibbinazam@muhammadaqibbinazam3 жыл бұрын
  • Can i use firebase instead of aws for this project

    @ericuche755@ericuche7557 ай бұрын
  • Add this video to playlist Sir 🥳 . Waitting backend video 🦾

    3 жыл бұрын
    • Done!

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev is this last vedio

      @Mazloom_E_Karbala@Mazloom_E_Karbala3 жыл бұрын
  • Sir, please make a tutorial of Car Rental

    @1234utahacker@1234utahacker3 жыл бұрын
  • Best youtube channel. u r awesome

    @vatansrivastava7279@vatansrivastava72793 жыл бұрын
    • Thanks buddy

      @notjustdev@notjustdev3 жыл бұрын
  • 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?

    @csspmspanacea@csspmspanacea3 жыл бұрын
  • 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

    @ugikdev688@ugikdev6883 жыл бұрын
    • 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.

      @notjustdev@notjustdev3 жыл бұрын
  • How you get pickup line where you are pressing that you get that line

    @syedufaqhaider2796@syedufaqhaider27962 жыл бұрын
  • great

    @EnglishWayon@EnglishWayon2 жыл бұрын
  • is there any login system for this

    @kamilhayat3835@kamilhayat38352 ай бұрын
  • nice

    @EnglishWayon@EnglishWayon2 жыл бұрын
  • My Sir has asked me to make a Smart App Project in React Native. If you have any idea, then tell me, please.

    @ronniieeestar6274@ronniieeestar62743 жыл бұрын
  • Vadim can you recommend any videos for AWS Amplify I want to learn it

    @mohamedpro4962@mohamedpro49623 жыл бұрын
    • Check out Nader Dabit channel on youtube, he has great content on Amplify

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev Ok thanks bro

      @mohamedpro4962@mohamedpro49623 жыл бұрын
  • 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

    @christinad.ridley5280@christinad.ridley52803 жыл бұрын
    • You can use expo.It’s no matter .🥳

      3 жыл бұрын
    • @ But I can't use Google Map using expo

      @christinad.ridley5280@christinad.ridley52803 жыл бұрын
    • vudangdev@gmail.com

      3 жыл бұрын
    • @ Instagram is cool.. Let me add you on IG. I really appreciate your kindness

      @christinad.ridley5280@christinad.ridley52803 жыл бұрын
    • @@christinad.ridley5280 direct me on insta : vudang___

      3 жыл бұрын
  • please don't use aws .......Not everyone have aws.... and when we made aap on local dicice it shows error

    @AbhishekYadav-ci3ht@AbhishekYadav-ci3ht2 жыл бұрын
  • Hey Vad. Thanks for your interest, I hope you won't give up on me...

    @winstonmckinmey1772@winstonmckinmey17722 жыл бұрын
  • Wow..

    @alirazzaq1541@alirazzaq15413 жыл бұрын
  • How about uber eats ?

    @akbarsajalah0466@akbarsajalah04662 жыл бұрын
  • Uber app is not complete am I right??

    @dineshgaur1409@dineshgaur14093 жыл бұрын
  • Sir plz make live tv app

    @Mazloom_E_Karbala@Mazloom_E_Karbala3 жыл бұрын
  • please set the video parts name

    @muhammadumer-pc9fv@muhammadumer-pc9fv3 жыл бұрын
  • lets build a fintech app

    @nikhil7053@nikhil70533 жыл бұрын
  • When will last part of this video series will come please reply

    @archanoidtalks9393@archanoidtalks93933 жыл бұрын
    • kzhead.info/sun/eJ1uhrGabaCwfps/bejne.html

      @notjustdev@notjustdev3 жыл бұрын
    • Thanks for reply, it was not in the playlist that's why I asked.

      @archanoidtalks9393@archanoidtalks93933 жыл бұрын
  • Omegle clone please

    @aliyazane8768@aliyazane87683 жыл бұрын
  • >React You aren't a programmer. Learn some real languages.

    @starfrost6816@starfrost68163 жыл бұрын
KZhead