https://github.com/tonystrawberry/playground.uber
📱 Uber mobile application clone developed with React Native
https://github.com/tonystrawberry/playground.uber
react-native uber
Last synced: 2 months ago
JSON representation
📱 Uber mobile application clone developed with React Native
- Host: GitHub
- URL: https://github.com/tonystrawberry/playground.uber
- Owner: tonystrawberry
- Created: 2022-11-24T02:14:00.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-26T12:45:25.000Z (over 3 years ago)
- Last Synced: 2025-01-30T10:28:51.730Z (over 1 year ago)
- Topics: react-native, uber
- Language: JavaScript
- Homepage:
- Size: 304 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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 styling
- `react-native-maps` for displaying the maps and the pin of the selected restaurant
- `react-navigation` for handling the navigation between screens
- `react-native-elements` for using cute icons
- `react-native-google-places-autocomplete`, `react-native-maps` and `react-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 images
- `components` for the reusable components
- `screens` 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 application
- `babel.config.js` for converting ES code into a backwards compatible version of JavaScript
- `tailwind.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