Skip to content

cbedroid/Uber-Clone

Repository files navigation

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

Splash Screen Home Screen

Home Screen Search Screen

Ride Screen Selected Confirm Fare Screen

Driver Screen Default Driver Screen Bottom