Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cbedroid/uber-clone
A Uber Clone Mobile App built using react native
https://github.com/cbedroid/uber-clone
android-app api cloudservices expo google ios-app maps mobile-development react reactnative redux tailwindcss
Last synced: about 2 months ago
JSON representation
A Uber Clone Mobile App built using react native
- Host: GitHub
- URL: https://github.com/cbedroid/uber-clone
- Owner: cbedroid
- Created: 2022-02-22T10:07:18.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-17T12:17:54.000Z (almost 2 years ago)
- Last Synced: 2024-10-31T10:44:10.211Z (about 2 months ago)
- Topics: android-app, api, cloudservices, expo, google, ios-app, maps, mobile-development, react, reactnative, redux, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 18.1 MB
- Stars: 44
- Watchers: 2
- Forks: 24
- Open Issues: 3
-
Metadata Files:
- Readme: README.rst
Awesome Lists containing this project
README
|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 `_ - is an open source JavaScript framework from Facebook designed to build native mobile apps for iOS and Android.
- `React Native Elements `_ - is a React Native framework for making cross platform applications
- `Expo `_ - is a framework and platform for React Native that help you develop, build, and deploy iOS, Android, and web apps.
- `Firebase `_ - is a cloud platform developed by Google for creating mobile and web application.
- `FireStore `_ - Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud.
- `ReduxJS/ToolKit `_ - is one of the most powerful libraries for managing states in react applications.
- `React Navigation `_ - is a routing and navigation framework for Expo and React Native apps.
- `TailWind CSS `_ - is native CSS self-described as a utility first CSS framework.
- `Android Studio `_ - is the official Integrated Development Environment (IDE) for android application development.
- `IOS Emulator `_ - is a software that allows a windows system to run and install iOS applications or games on their PC.
- `React Native Maps `_ - is a React Native component system for maps.
- `MapQuest API `_ - is an open-source API Service used to build sophisticated location-based apps for Web, iOS, and Android.
- `Google Maps `_ - is a Google web mapping platform and consumer application.
- `Google Directions API `_ - is an open-source web service that uses HTTP requests to return formatted directions and locations.
- `Google Places API `_ - is a API service that using HTTP requests to returns geographic locations, or prominent points of interest.
- `Google Distance Matrix API `_ - is a service that provides travel distance and time for a matrix of origins and destinations.
- `ESLint `_ , `Airbnb Javascript/React Styleguide `_ - is a static code analysis tool for identifying problematic patterns found in JavaScript code.
- `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/