garrettcadams / virtual-reality-tour

:round_pushpin: Virtual reality travel in Google Street View.

NIBBL VR TOUR

Welcome to the first application that allows you to travel in Virtual Reality using Google Cardboard. This app has been developed during the 2016 Static Showdown Hackathon by Firebase.

The idea behind the app is simple. Virtual reality is becoming more accessible and popular among consumers and the developer community is growing daily. However, we realized that Google's popular Cardboard does not yet provide developers with an option to easily develop web apps using a JavaScript SDK and subsequently deploying them to mobile devices using PhoneGap. Thus, we wanted to create an application that showcases the possibility of creating such a virtual reality application in a browser. One that works seamlessly on different devices and could be deployed as a native apps using frameworks such as PhoneGap/Cordova. The result is a simple app that allows you to travel your favorite routes and explore new cities in virtual reality.

Try out the demo 💻

VR Travel 📍

Ever dreamed about driving down Route 66 or do you just need to drive somewhere and want to familiarize yourself with the route? VR Travel lets you choose where you want to go.

VR Explore 🌎

Go on a virtual reality tour through your favorite cities or explore new destinations that you never had the chance to visit. These are our recommended tours that provide an immersive and rich experience. During your tour you will stumble upon points of interests that allow you to learn more about the places that you visit.

Installation Instructions

If you are new to GitHub, you can find a quick tutorial here.

(1) Download repository & open it

git clone https://github.com/tobiasbueschel/virtual-reality-tour && cd virtual-reality-tour

(2) Install node modules

npm install

(3) Install bower components

cd vendors && bower install

(4) Running the application and making changes

The project uses the JavaScript Task Runner Grunt. The following commands will be usefull:

• grunt runs the default task & starts a localhost
• grunt ngtemplates refreshes the template html file

Contributing

Feel free to send us a pull request. If you find any bugs please report it on the issue page.

Team

Tobias Büschel	Jia Shern	Kimeshan Naidoo	Ed Mothershaw

References & Technology used

• AngularJS
• Material Design Template
• ng-map
• Bower
• NodeJS
• Grunt
• Unsplash

License

See the MIT license.