chandrajob365/Compass

Mobile First Web app using HTML5 Device Orientation API, navigation and SW

Compass

Compass is a simple HTML5 application which implements trivial compass functionality.

The main feature of the compass are -

• HTML5 Navigator and Device orientation Apis
• points and shows direction where head of you phone points.(HTML5 navigator
• Service worker Support (for offline viewing)
• Shows current latitude and longitude
• Instruction to calibrate device for compass usage
• Displays alert for network connectivity

You can access app using: https://compass-fuwfriivkz.now.sh

Enhancements are welcome!

Nearest changes:

• Support for landscape layout
• Disable zomming in IOS
• Support for service worker in safari mobile

How to Build

• Copy source
• npm install

Articles to Learn

• https://developer.mozilla.org/en-US/docs/Web/API/Detecting_device_orientation
• https://developer.mozilla.org/en-US/docs/Web/API/Navigator
• https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation