polly3d / ionic2-taxi-app

Ionic 2 Taxi App - A simple starting point for building 'on-demand/rideshare taxi' ionic application ( something like Uber, Lyft or Sidecar .. )

#Ionic 2 Taxi App

The main purpose for this project, it's provide a simple starting point for building 'on-demand/rideshare taxi' ionic application ( something like Uber, Lyft or Sidecar .. ) or more generally, applications using extensively Google Maps JavaScript API.

When you start the app, you see a map centering around your location, with a marker permanently fixed to the center of map. When the user stop moving the map, an InfoWindow shows the new position. To achieve this, I use google maps geocoder service along with rxjs, that let you easily handle 'OVER_QUERY_LIMIT' response ( API Usage Limits ).

Webpack configuration is heavily inspired from survivejs.com

If you are looking for a more complex and complete Ionic 2 app sample, take a look here.

Note: This project is under development.

App Preview

Features

• Ionic 2 beta 11 : https://github.com/driftyco/ionic
• TypeScript
• RxJS
• Webpack
• tslint
• Codelyzer
• Typedoc

Install

Make sure you have Node version >= 5.0 and NPM >= 3 (node.js version used 6.4.0 and NPM v. 3.10.3)

# Clone the repo
$ git clone https://github.com/ddellamico/ionic2-taxi-app
# change directory to our repo
cd ionic2-taxi-app
# install the repo with npm
npm install
# start the server (webpack-dev-server)
npm run dev

go to http://0.0.0.0:8080 or http://localhost:8080 in your browser

Commands

$ npm run dev             --> run dev server with webpack-dev-server ( development )
$ npm run build           --> build files inside www folder ( production )
$ npm run test            --> run test with Karma
$ npm run ios:dev         --> start ios simulator (ionic run ios)
$ npm run ios:release     --> build files for ios platform and generate xcodeproj (ionic build ios)
$ npm run android:dev     --> start android simulator (ionic run android)
$ npm run android:release --> build files for android platform and generate apk (ionic build android)

Commit:

Follows AngularJS's commit message convention

# Lint and execute tests before committing code.
npm run commit
# OR
# use git commit directly with correct message convention.
git commit -m "chore(ghooks): Add pre-commit and commit-msg ghook"

Tests

$ npm test

This post help me a lot to setup test environment with karma. Thanks Lathonez !

Changelog

You can check the changelog here

Todo

Add more test with karma Add protractor (E2E testing) Add HMR

License

MIT