Uber Clone

📷 Demonstration

🚀 About the project

The project consists in clone some funcitionalities of Uber app

📋 Starting the application

  1. Clone the repository with https://github.com/rodrigodiasf1984/react-native-uber-clone-tailwindCss-redux-toolkit.git
  2. Open a terminal and enter to cd react-native-uber-clone-tailwindCss-redux-toolkit
  3. Install all dependencies with the command yarn or npm
  4. Type code . to open the project on vscode
  5. Mandatory => You must create a .env file with the GOOGLE_MAPS_API_KEY, this hey must have (Directions API, Distance Matrix API and Places API services enabled)
  6. Type expo start to start the project
  7. press i to open IOS Simulator or a to open the Android Simulator

📋 Some files architecture information

./assets -- Files that are not code subdivided according to their functionality

./components -- Files .jsx of reusable React components in more than one parent component.

./screens -- Files jsx that describe React components that represent an accessible screen.

./slices -- Files .js files of redux state, actions and reducers.

./env -- Files .env files to load environment variables using import statements.

🔨 Tools used

  • ⚛️ TailwindCss - Is a framework of CSS for styling components
  • 📄 Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
  • 📄 React-Navigation-V6 - Is a library to Routing and navigation for Expo and React Native apps.
  • 📄 React-native-google-places-autocomplete - Is a customizable Google Places autocomplete component for iOS and Android React-Native apps.
  • 📄 React-native-maps - Is a Library to renderMaps on React Native Map components for iOS + Android
  • 📄 React-native-maps-directions - A Library Directions component for react-native-maps – Draw a route between two coordinates, powered by the Google Maps Directions API
  • 📄 TWRNC - Is a simple, expressive API for TailwindCSS + React Native, written in TypeScript

📝 License

This project is under the MIT license. See the LICENSE file for more details.

Made with 💜 by Rodrigo Figueiredo

👍 Thanks!