Build an Uber Clone with React Native, Expo, Redux Toolkit, TailwindCSS, Google Maps | Full Tutorial
Noor Mohammad Noor Mohammad
7.02K subscribers
39 views
11

 Published On Oct 4, 2024

Build an Uber Clone with React Native, Expo, Redux Toolkit, Tailwind CSS, Google Autocomplete | Full Tutorial

☕ Support my work: https://www.buymeacoffee.com/reactbd

Hello everyone! In this video, we’ll walk through building an Uber Clone Application using React Native, Expo, Redux Toolkit, Tailwind CSS, Google Autocomplete, React Native Maps, and other modern technologies. By the end of this tutorial, you'll have a fully functional mobile app similar to Uber, with features like real-time location tracking and autocomplete.

What you’ll learn:
Setting up a new React Native project with Expo.
Integrating Google Places API for autocomplete.
Styling with Tailwind CSS in React Native.
State management with Redux Toolkit.
Adding map functionality with React Native Maps.
Creating tab navigation and multiple screens: Home, Services, Activity, and Account.
By the end of this video, you'll know how to create a complete, responsive, and high-performance Uber-like app for both Android and iOS.

If you enjoyed this tutorial, don’t forget to:

👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.
☕ Support my work: https://www.buymeacoffee.com/reactbd

🕐 TIMESTAMPS:
00:00 Project Intro
10:45 Creating React Native app
18:52 Tailwind CSS setup
20:25 Creating Tab Navigation
31:30 Home Screen Start
35:20 Google API setup
40:10 Google Place AutoComplete setup
43:40 Store setup using redux toolkit
1:16:55 Map Screen Start
1:15:10 Services Screen Start
2:18:35 Activity Screen Start
2:19:44 Account Screen Start
2:25:18 Overview & Conclusion

#uber #uberclone #reactnative #expo #reactnativetutorial #androidapp #iosapp #uberapp #UberClone #ReactNative #Expo #ReduxToolkit #TailwindCSS #GoogleAutocomplete #ReactNativeMaps #MobileAppDevelopment #iOSApp #AndroidApp #ReactNativeTutorial #ExpoTutorial #ReduxTutorial #TailwindInReactNative #GooglePlacesAPI #UberAppTutorial #BuildUberClone #ReactNativeUI #AppDevelopment #UberAppClone #ReactNativeExpo #ReactNativeNavigation #JavaScript #Programming #FullStackDevelopment

show more

Share/Embed