use expo to create the project npx create-expo-app uber-clone

to to the project by cd uber-clone

add the web support npx expo install react-dom react-native-web @expo/webpack-config

start the project by npx expo start

open project add redux yarn add @reduxjs/toolkit redux react-redux

add tailwind class name libray yarn install twrnc

add react native element yarn add react-native-elements

add vector icons yarn add react-native-vector-icons

add safe area for the icons yarn add react-native-safe-area-context

reload the application.

add React Navigation npm install @react-navigation/native

add expo react navigation dependies by npx expo install react-native-screens react-native-safe-area-context

add gesture handle by npx expo install react-native-gesture-handler

add stack navigator npm install @react-navigation/stack

add google place autocomplate yarn add react-native-google-places-autocomplete

go to goolge console and go to APIs & service then click Enable Apps and Services

then search Directions API enable it and then Places Api

to to credentials add api key .

create .env file and save the key there

add react native dotenv to project yarn add react-native-dotenv

go to babel.config.js add plugins: [ [ "module:react-native-dotenv", { moduleName: "@env", path: ".env", }, ], ],

Sometime it does not work because of cache so use npx expo start -c

add React native map to the project yarn add react-native-maps

add react native map direction yarn add react-native-maps-directions