This website is meant to facilitate engineers in measuring the environmental impact of their products. A simple, easy to use UI will allow the users to easily add information about their products (parts, materials, shipping methods) which will then be analyzed and displayed with numerous graphs.
Heroku deployment: https://focus-lca-summer2017.herokuapp.com
This project was initially implemented only with Ruby on Rails to manage both the backend and the frontend, as well as some JavaScript code.
In this iteration, we decided to separate the two, and since this app relies heavily on JavaScript code, we used AngularJS for the frontend and Rails only for the backend.
You can find some helpful links and resources at the end of this README to understand how the Rails pipeline can work with Bower and the installation of frameworks, libraries or dependencies such as AngularJS.
Guide: http://railsapps.github.io/installrubyonrails-mac.html
Guide: http://blog.teamtreehouse.com/install-node-js-npm-mac
npm install -g bower
$ git clone https://github.com/cs169-summer2017-team10/focus-lca-webapp.git
$ cd focus-lca-webapp
$ bundle install --without production
$ rails db:setup
$ rake bower:install
$ rails s
└── app/
├── assets/
│ ├── images/
│ │ └── ...
│ ├── javascripts/
│ │ ├── controllers/
│ │ │ └── ...
│ │ ├── directives/
│ │ │ └── ...
│ │ ├── views/
│ │ │ └── ...
│ │ ├── app.js
│ │ ├── application.js
│ │ └── routes.js
│ └── stylesheets/
│ └── application.scss
│
└── views/
└── application/
└── index.html.erb
└── app/
├── controllers/
│ ├── application_controller.rb
│ ├── assemblies_controller.rb
│ └── users_controller.rb
│
├── models/
│ ├── assembly.rb
│ └── user.rb
│
└── serializers/
└── user_serializer.rb
- Setting Up an Angular SPA on Rails with Devise and Bootstrap
- Learn to Build Modern Web Apps with AngularJS and Ruby on Rails
- Deploying Rails + Bower on Heroku