Uber mobile interface
🎯 React Native tutorial from https://www.youtube.com/watch?v=bvn_HYpix6s&t=1s&ab_channel=SonnySangha🚀 This Uber clone application is a multi-platform application built using React Native🎨 Styling done with NativeWind (TailwindCSS)📱 Using ExpoGo for live rendering on the mobile phone
📚 Libraries used
nativewind
for the stylingreact-native-maps
for displaying the maps and the pin of the selected restaurantreact-navigation
for handling the navigation between screensreact-native-elements
for using cute iconsreact-native-google-places-autocomplete
,react-native-maps
andreact-native-maps-directions
for the Google maps APIs@reduxjs/toolkit
for the global state management and persisting data across the different screens
🗂 Folder structure
assets
for the imagescomponents
for the reusable componentsscreens
for the different application pages (one screen component per page)slices
for the different reducers of the Redux state (basket & restaurant)store.js
will use these reducers and make them available to the React components
App.js
is the entrypoint of the applicationbabel.config.js
for converting ES code into a backwards compatible version of JavaScripttailwind.config.js
for specifying which files can use TailwindCSS styling
🚀 Google console developer
API key for the Google Maps API can be found here: https://console.cloud.google.com/apis/dashboard?project=playground-uber