paulcockrell / mHUD

Mobile Heads-Up-Display - read speed/gforce/location from your mobile and display on your windscreen

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About

This is an Ionic 2 Typescript mobile heads up display application. It uses the phones sensors to obtain speed, location and gforce values for display. It uses here maps to get the road speed which forms part of the display.

Image

Clone this repo

git clone git@github.com:paulcockrell/mHUD.git

Install

You will need to install the correct development tools for your target mobile OS. See https://ionicframework.com/docs/v2/intro/installation/#platform-guides

npm install -g ionic cordova
npm install
ionic state restore

Here map app credentials

This app uses Here maps to get the road speed for a given location. You can open a free developer account with them, create an app, and use the credentials in this application.

Here maps: https://developer.here.com/plans?create=Public_Free_Plan_Monthly

Put your JavaScript/REST app-id and app-code in the following file: src/providers/sensors.ts

const here_map_app_id: string = 'XXX';
const here_map_app_code: string = 'XXX';

Run

ionic run android --device # Development mode
ionic run android --prod --device # Production mode

Debug

You can debug in the Chrome browser, while your phone is connected with the app running.

Point Chrome to

chrome://inspect/#devices

About

Mobile Heads-Up-Display - read speed/gforce/location from your mobile and display on your windscreen


Languages

Language:CSS 57.4%Language:TypeScript 30.7%Language:HTML 9.9%Language:JavaScript 2.0%