Skip to content

๐Ÿ“ฑ Uber mobile application clone developed with React Native

Notifications You must be signed in to change notification settings

tonystrawberry/playground.uber

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Uber mobile interface

๐Ÿ“š 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

About

๐Ÿ“ฑ Uber mobile application clone developed with React Native

Topics

Resources

Stars

Watchers

Forks