https://github.com/muhammadalizkhan/creamapp

Cream App is complete functional clone of famous app "Cream" with Rich UI, Google Maps Implementation,
https://github.com/muhammadalizkhan/creamapp

cream google-maps-api react-native reactnative-ui uber

Last synced: about 2 months ago
JSON representation

Cream App is complete functional clone of famous app "Cream" with Rich UI, Google Maps Implementation,

• Host: GitHub
• URL: https://github.com/muhammadalizkhan/creamapp
• Owner: muhammadalizkhan
• Created: 2024-05-01T00:31:40.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-01T14:49:02.000Z (8 months ago)
• Last Synced: 2024-10-12T10:16:40.585Z (3 months ago)
• Topics: cream, google-maps-api, react-native, reactnative-ui, uber
• Language: TypeScript
• Homepage:
• Size: 10.8 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
A React-Native App that links Taxi Drivers and Passengers.

Socket.io server to connect Passengers and Drivers in real time with Node Express Backend

Socket.io Repo: [https://github.com/muhammadalizkhan/CreamAppSokectIO]

NodeExpressBackend Repo: [https://github.com/muhammadalizkhan/CreamAppExpressNodeBackend]

## Functionalities

* Sign up / Login / Authentication

* Passenger type a location on the search box and the app will determine and trace the route on the Google Map Api.

* Taxi Driver will receive Passenger's location and trace the route, choosing to accept the ride and going to Navigation

* If a Taxi Driver accept the ride, the Passenger receives a notification and Driver's background location to watch the trip.

## Tech/framework used

* React-native

* Express

* Socket.io

* Mongodb

* Google Maps Api

## Installation - yarn

### Prerequisites

To run this project in the development mode, you'll need to have a basic environment to run a React-Native App, that can be found [here](https://reactnative.dev/docs/environment-setup).

Also, you'll need to the servers running locally on your machine with the mock data. You can find the [Socket.io Server here](https://github.com/daniel30-07/taxi-app-socket.io). and the [Express Server here](https://github.com/daniel30-07/taxi-app-express-backend.git)

- [React-Native](https://facebook.github.io/react-native/) - Build the native app using JavaScript and React

- [React-Navigation](https://reactnavigation.org/docs/en/getting-started.html) - Router

- [React-Native-Maps](https://github.com/react-native-maps/react-native-maps) - React Native Map components

- [Socket.io](https://www.npmjs.com/package/socket.io) - Enables real-time bidirectional event-based communication

- [Axios](https://github.com/axios/axios) - HTTP Client

- [ESlint](https://eslint.org/) - Linter

- [@mapbox/polyline](https://www.npmjs.com/package/@mapbox/polyline) - A simple google-esque polyline implementation in Javascript

- [Lodash](https://www.npmjs.com/package/lodash) - The Lodash library exported as Node.js modules

- [Prettier](https://prettier.io/) - Code Formatter

- [Babel](https://babeljs.io/) - JavaScript Compiler

- [@mauron85](https://www.npmjs.com/package/@mauron85/react-native-background-geolocation) - React-native background geolocation

- [React-Native-Linear-Gradient](https://github.com/react-native-community/react-native-linear-gradient) - Gradient Styles

## Contributing

You can send how many PR's do you want, I'll be glad to analyse and accept them! And if you have any question about the project...

Email-me: [email protected]

Connect with me at [LinkedIn]https://www.linkedin.com/in/malizamankhan/

Thank you!