
|ios|_  |android|_ |web|_

==============
Uber Clone 
==============

A React Native Uber passenger clone app built using the latest version of react,expo and reduxJS.


Technologies
------------

- `React Native <https://reactnative.dev/>`_ - is an open source JavaScript framework from Facebook designed to build native mobile apps for iOS and Android.
- `React Native Elements <https://reactnativeelements.com/>`_ - is a React Native framework for making cross platform applications
- `Expo <https://expo.dev/>`_ - is a framework and platform for React Native that help you develop, build, and deploy iOS, Android, and web apps.
- `Firebase <https://firebase.google.com/>`_ - is a cloud platform developed by Google for creating mobile and web application.
- `FireStore <https://firebase.google.com/docs/firestore>`_ - Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud. 
- `ReduxJS/ToolKit <https://redux-toolkit.js.org/>`_ - is one of the most powerful libraries for managing states in react applications.
- `React Navigation <https://reactnavigation.org/>`_ - is a routing and navigation framework for Expo and React Native apps.
- `TailWind CSS <https://docs.nativescript.org/plugins/tailwindcss.html#usage>`_ - is native CSS self-described as a utility first CSS framework.
- `Android Studio <https://developer.android.com/studio/>`_ -  is the official Integrated Development Environment (IDE) for android application development.
- `IOS Emulator <https://docs.expo.dev/workflow/ios-simulator/>`_ - is a software that allows a windows system to run and install iOS applications or games on their PC.
- `React Native Maps <https://github.com/react-native-maps/react-native-maps>`_ - is a  React Native component system for maps.
- `MapQuest API <https://developer.mapquest.com/>`_ - is an open-source API Service used to build sophisticated location-based apps for Web, iOS, and Android.
- `Google Maps <https://developers.google.com/maps/apis-by-platform>`_ - is a Google web mapping platform and consumer application.
- `Google Directions API <https://developers.google.com/maps/documentation/directions/overview>`_ - is an open-source web service that uses HTTP requests to return formatted directions and locations. 
- `Google Places API <https://developers.google.com/maps/documentation/places/web-service/overview>`_ - is a API service that using HTTP requests to returns geographic locations, or prominent points of interest.
- `Google Distance Matrix API <https://developers.google.com/maps/documentation/distance-matrix/start>`_ - is a service that provides travel distance and time for a matrix of origins and destinations.
- `ESLint <http://eslint.org>`_ , `Airbnb Javascript/React Styleguide <https://github.com/airbnb/javascript>`_ - is a static code analysis tool for identifying problematic patterns found in JavaScript code.
- `eslint-plugin-import  <https://github.com/import-js/eslint-plugin-import>`_ - is linting plugin for Javascript that import/export syntax, and prevents misspelling of file paths and import names.



APP UI/UX Designs
------------------

App Design for Uber passenger app 2022

|splashScreen| |safetyScreen|

|homeScreen| |searchScreen| 

|rideScreenSelected| |confirmFareScreen|

|driverScreenDefault| |driverScreenBottom|

.. |splashScreen| image:: ./.github/assets/splash_screen.png
    :alt: Splash Screen
    :width: 45%

.. |safetyScreen| image:: ./.github/assets/safety_screen.png
    :alt: Home Screen
    :width: 45%
    
    
.. |homeScreen| image:: ./.github/assets/home_screen.png
    :alt: Home Screen
    :width: 45%
    

.. |searchScreen| image:: ./.github/assets/search_screen.png
    :alt: Search Screen
    :width: 45% 

.. |rideScreenSelected| image:: ./.github/assets/ride_screen_selected.png
    :alt: Ride Screen Selected
    :width: 45% 


.. |confirmFareScreen| image:: ./.github/assets/confirm_fare_screen.png
    :alt: Confirm Fare Screen 
    :width: 45% 


.. |driverScreenDefault| image:: ./.github/assets/driver_screen_default.png
    :alt: Driver Screen Default
    :width: 45% 

.. |driverScreenBottom| image:: ./.github/assets/driver_screen_bottom.png
    :alt: Driver Screen Bottom
    :width: 45% 


.. |ios| image:: https://img.shields.io/badge/iOS-4630EB.svg?style=flat-square&logo=APPLE&labelColor=999999&logoColor=fff
    :alt: IOS
    :width: 75
    :height: 25
    
.. |android| image:: https://img.shields.io/badge/Android-4630EB.svg?style=flat-square&logo=ANDROID&labelColor=A4C639&logoColor=fff
    :alt: android
    :width: 75
    :height: 25
.. |web| image:: https://img.shields.io/badge/web-4630EB.svg?style=flat-square&logo=GOOGLE-CHROME&labelColor=4285F4&logoColor=fff
    :alt: web
    :width: 75
    :height: 25
    
.. _ios: https://itunes.apple.com/app/apple-store/id982107779
.. _android: https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=blankexample
.. _web: https://docs.expo.dev/workflow/web/

