🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) [Part 4]
Let's learn React Native and AWS Amplify by building the Uber clone from scratch even if you are a beginner.
Download the Asset Bundle (Images, Dummy data, PDF presentation):
https://assets.notjust.dev/uber
Join the notJust Development gang and let's build together: https://discord.gg/VpURUN2
Source code: https://github.com/Savinvadim1312/UberClone
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: https://www.linkedin.com/in/vadimsavin
IG: https://www.instagram.com/vadimsavin0
Twitter: https://twitter.com/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
Видео 🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) [Part 4] канала Vadim Savin
Download the Asset Bundle (Images, Dummy data, PDF presentation):
https://assets.notjust.dev/uber
Join the notJust Development gang and let's build together: https://discord.gg/VpURUN2
Source code: https://github.com/Savinvadim1312/UberClone
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: https://www.linkedin.com/in/vadimsavin
IG: https://www.instagram.com/vadimsavin0
Twitter: https://twitter.com/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
Видео 🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) [Part 4] канала Vadim Savin
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
🔴 Let's Build the Netflix App in React Native & AWS Amplify (Tutorial for Beginners)🔴 Build the Uber Driver App in React Native & AWS Amplify (Tutorial for Beginners) Part [5]Build a Spotify Clone in React Native for Beginners 🔴 Live 🔴🔴Build Twitter Fleets (stories) with React Native and AWS AmplifyBuild an eCommerce App in React Native ( Tutorial by ex-Amazon SDE )🔴 Build the Uber clone in React Native (Tutorial for Beginners) [Part 3]🔴 Build the Uber clone in React Native (Tutorial for Beginners)🔴 Build the Uber clone in React Native (Tutorial for Beginners) [2]Build a TikTok Clone in React Native [Tutorial for Beginners] 🔴🔴 Let's build SIGNAL with REACT NATIVE! (Navigation, Expo & Firebase)How To Use Uber Driver App - 2021 Training & TutorialBuild your first iOS app with SwiftUIRealtime Chat App in React Native and AWS (Backend 2) 🔴🔴 Netflix Backend in React Native & AWS Amplify (Tutorial for Beginners)Ionic 4 & Angular Tutorial For Beginners - Crash CourseReact Native & Firebase Firestore CRUD (usando Expo)🔴 Build the Airbnb app in React Native [ Advance UI ]Desarrollo de aplicaciones con AWS AmplifyUBER System design | OLA system design | uber architecture | amazon interview question