Hackreactor Connect - HR44 MVP Solo project

This project was built solo at Hack Reactor, Jul 11-12 2016.

WebVR

Currently only a few browsers support Web VR - including https://nightly.mozilla.org/ and experimental Chrome builds. You can also use an Oculus Rift, if you're lucky enough to have one (and the hardware to back it)!

However, you can still navigate this in regular 3D using your standard web browser.

Findings:

For detailed reports on lessons learned / insights into aframe and aframe-react as well as the other used component libraries, see README-FINDINGS.md

Also see TODO.md for a list of things I did, and a list of things I didn't start/finish (yet!). There's some notes in there as well on particular tasks.

Structure

This project makes use of aframe-react-boilerplate.

• An aframe-react boilerplate, combining A-Frame with React.

This was used to save time on webpack and dependency setup. All components were edited / customized / re-written.

To reiterate: all code to do with dynamically slicing data, rendering complex layouts and nested layouts, working with data etc was written custom for this project (and was quite the learning curve).

File Structure: as I was learning aframe during this project, I didn't want to overcomplicate things, and worked almost exclusively within app.js. The files in Components are therefore more ways for me to store working components I wrote in app.js. They are not set up to be imported, rather copied into app.js.

If I have the time in the future I'll re-structure and make them import-able / make the codebase more modular. It's in my TODOs in TODO.md ;)

Feel free to use my modified version, and any of my code, as a boilerplate or inspiration for your projects!

Getting Started

To get started:

npm install
npm run serve-js &
npm run serve

Then head over to localhost:5555.

Publishing to GitHub Pages

Ready to show off? Run:

npm run ghpages

And share your project on the A-Frame Slack and awesome-aframe.