krisrakkrisrak
36

Html5 Augmented Reality App

screenshot of Html5 Augmented Reality App

Simple Augmented Reality App implemented using HTML5 and Cordova with Foursquare data overlay

Github

Overview

The HTML5-Augmented-Reality-App is an innovative application that harnesses the power of augmented reality (AR) using HTML5 and Cordova, offering users a unique way to explore US cities with Foursquare data. Within mere days of development during a fun hackathon at Intel, this app combines geolocation, user-generated data, and real-time mapping for an interactive experience. By utilizing popular APIs, users can browse and visualize attractions and places of interest right on their screens — turning their environment into an engaging playground.

This app stands out because of its seamless integration of advanced technologies that allow it to access various device capabilities like the compass, accelerometer, and geolocation services, making it an exciting tool for urban exploration.

Features

  • Real-Time Mapping: Utilizes Google Maps to show location data, making it easy for users to navigate through their selected city.

  • Foursquare Integration: Leverages the Foursquare API to access a wealth of location data, enhancing the exploration experience with real-time updates on interesting locations.

  • Augmented Reality Mode: Offers an immersive AR experience, overlaying essential information directly onto the real-world view through the device’s camera.

  • Multiple View Options: Users can flip between list view, map view, and augmented reality mode, providing flexibility in how they access information.

  • Device Access Functionality: Uses Cordova APIs to tap into device features such as the compass, accelerometer, and geolocation for a functional and responsive app experience.

  • Accessibility for Developers: Requires a simple sign-up for a Foursquare developer account, allowing developers to customize and expand their use of the application.

  • Built with Intel XDK: Developed using Intel XDK, ensuring strong performance and reliability, coupled with testing capabilities through the app's preview feature.

  • User-Friendly Interface: Simple and intuitive design that is easy to navigate, making it accessible for users of all tech savviness levels.