- ๐ฏ 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
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
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
API key for the Google Maps API can be found here: https://console.cloud.google.com/apis/dashboard?project=playground-uber