/gallerina

Primary LanguageJavaScript

Welcome To Gallerina.

https://gallerina.herokuapp.com/ (if the login seems unresponsive, give it time! That is the heroku server spinning up.)

This is the frontend for Gallerina, my final project for the Flatiron School's software engineering program.

Gallerina Gif

The repository for the backend can be found here: https://github.com/colesayer/final_backend.

Description

Gallerina is an exhibition design tool for Gallerists, Curators, and Artists. Prior to coding, I worked for a few Art Galleries in New York as an installer. Before each show, we would have to construct miniature cardboard models of the galleries, and printed cutouts of each artwork. The curator would use the models to visualize the show before any work was hung on the wall. The whole process was time consuming and laborious.

Gallerina allows you to create a gallery on the fly. Just enter the dimensions of a space, choose its wall color, and its type of flooring. Adding artworks is as easy as dropping in an image. A 3d model is automatically generated of the gallery and selected artworks, allowing the user to curate a show in virtual space. When you're finished: save your gallery, download images, and easily share your project.

Built with

  • "react": "^16.1.1",
  • "react-color": "^2.13.8",
  • "react-dom": "^16.1.1",
  • "react-dropzone": "^4.2.3",
  • "react-modal": "^3.1.7",
  • "react-redux": "^5.0.6",
  • "react-router-dom": "^4.2.2",
  • "react-scripts": "1.0.17",
  • "redux": "^3.7.2",
  • "redux-thunk": "^2.2.0",
  • "superagent": "^3.8.1",
  • "three": "^0.88.0",
  • "three-transform-controls": "^1.0.4"

How to Run

  1. After resolving the backend...
  2. Clone the repo
  3. Change to the cloned directory from your terminal
  4. Run 'npm install'
  5. Run 'npm start'. If the backend is also running, it will ask you to switch ports. Type 'y' and hit 'enter'.
  6. Gallerina will run on http://localhost:3001/
  7. Design some shows!