vMUSE

Explore art from around the world in VR by creating your own collection of art from the J. Paul Getty Museum and Rijksmuseum in the Netherlands. View high-resolution images of art in 2D and then jump into your own virtual gallery where you can see all your art with different 360° background.

View art exclusive art from around the world

Create a collection and add image to collection

View all collections in VR with just a single click

Created by

• [Parinaz Khosraviani] (https://github.com/parinaz77)
• [Laura Reynolds] (https://github.com/lrrnlds)
• [Christian Acuña] (https://github.com/christian-acuna)
• [John Winslow] (https://github.com/john-winslow)
• [Ashley Humphrey] (https://github.com/Von-Ashley)

Link to repositories

• [Aframe-React Web App] (https://github.com/parinaz77/aframe-react-boilerplate)
• [Rails 5 API] (https://github.com/christian-acuna/vr-museum-api)

Install

First npm install to grab all the necessary dependencies.

Then run npm start and open localhost:7770 in your browser.

Production Build

Run npm run build and run git push heroku development:master

Structure

Root Directory

• Procfile - for heroku
• client - where source code for app lives (see below for details)
• devServer.js - server for development
• dist - distribution folder, npm run buld cleans and generates this folder
• index.html - main HTML page
• node_modules - third-party libraries managed by package.json and npm
• package.json - config file for npm and holds various metadata relevant to the project
• prodServer.js - production server used on heroku
• readme.md
• webpack.config.dev.js - development webpack config
• webpack.config.prod.js - production webpack config

client folder

• actions - action creators are stored here
• components - React components
• helpers - helper function for authentication (login/logout) using local storage
• main.js - entry point for React app, where the routes are defined, store is imported
• reducers - reducers are created here and combined in index.js
• store.js - creation of store with middleware and enhancers
• styles - stylesheets imported in main.js

API Schema

Contribute

Visit development Trello board or email [email protected]