JoinUsVic is a web app that provides insightful(-ish) information about downtown Victoria manifested through 3D model rendered by WebGL inside the web browser.
Project Setup based on Create React App.
This is Version II of the project. Version I is also available where the set up of Rails and React App are not separated. We later found out that separating the two would help with future deployment of the app.
If the project runs on VM in development mode, we suggest creating an .env file => add CHOKIDAR_USEPOLLING=true inside of app/client/ directory which could be necessary for auto refresh on change in React
WARNING: Please mind node version and use v.8.9.4. To use this version: run nvm use 8.9.4
- To setup React: navigate to /app/client => run dependencies installation:
npm install- To start your React server in development mode on PORT 3000: run
npm start
- To start your React server in development mode on PORT 3000: run
- To setup Rails (server end): in root directory => run
bundle install - Create 2 new local databases in psql: run
psql=> runCREATE DATABASE joinusvic;&CREATE DATABASE joinusvic_test; - Now seed your database!! Run
bin/rails db:setup- To start your Rails server: run
rails s
- To start your Rails server: run
WARNING: If you're working with Vagrant or vitual machines, run rails s -b 0.0.0.0 to bind
- Open http://localhost:3000 to view Rails in the browser
- Open http://localhost:8080 to view our app in the browser
MANY locations - MANY keywords MANY locations - ONE anchor MANY ratings - ONE location MANY funfacts - ONE location
ERD: