Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-02-18T12:41:03.000Z (almost 8 years ago)
- Last Synced: 2024-08-03T18:21:50.018Z (4 months ago)
- Topics: angular2, car, hud, ionic2, phone, typescript
- Language: CSS
- Homepage:
- Size: 10.5 MB
- Stars: 27
- Watchers: 7
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-ionic2-components - 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
```