https://github.com/paulcockrell/mHUD

Mobile Heads-Up-Display - read speed/gforce/location from your mobile and display on your windscreen
https://github.com/paulcockrell/mHUD

angular2 car hud ionic2 phone typescript

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/paulcockrell/mHUD
• Owner: paulcockrell
• Created: 2016-04-08T21:54:08.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-18T12:41:03.000Z (over 7 years ago)
• Last Synced: 2024-02-04T12:16:36.742Z (4 months ago)
• Topics: angular2, car, hud, ionic2, phone, typescript
• Language: CSS
• Homepage:
• Size: 10.5 MB
• Stars: 25
• Watchers: 7
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-ionic2-components - mHUD - Car App
• Awesome-Ionic - mHUD - Car App
• Awesome - mHUD - Car App

README

        
# 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](./hud-image.jpg?raw=true)

# Clone this repo

```

git clone [email protected]: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

```