Complete SeeMore Project -- NinjaParty

.gitignore

@@ -18,3 +18,6 @@
 coverage
 .DS_Store
 .env
+
+# Ignore vcr spec directory because it contains SECRETS!
+spec/vcr/*

Gemfile

@@ -31,6 +31,7 @@ gem 'httparty'
 # OmniAuth Gems
 gem 'omniauth'
 gem 'omniauth-instagram'
+gem 'omniauth-twitter'
 
 # OAuth
 gem 'twitter'
@@ -72,6 +73,14 @@ group :development, :test do
 
   # Test coverage
   gem 'simplecov', require: false
+
+  # VCR for API requests
+  gem 'vcr', '~> 2.9.3'
+
+end
+
+group :test do
+  gem 'webmock'
 end
 
 group :production do

Gemfile.lock

@@ -63,6 +63,8 @@ GEM
       execjs
     coffee-script-source (1.9.1.1)
     columnize (0.9.0)
+    crack (0.4.2)
+      safe_yaml (~> 1.0.0)
     debug_inspector (0.0.2)
     diff-lcs (1.2.5)
     docile (1.1.5)
@@ -115,6 +117,7 @@ GEM
     naught (1.0.0)
     nokogiri (1.6.6.2)
       mini_portile (~> 0.6.0)
+    oauth (0.4.7)
     oauth2 (1.0.0)
       faraday (>= 0.8, < 0.10)
       jwt (~> 1.0)
@@ -127,9 +130,15 @@ GEM
     omniauth-instagram (1.0.1)
       omniauth (~> 1.0)
       omniauth-oauth2 (~> 1.0)
+    omniauth-oauth (1.1.0)
+      oauth
+      omniauth (~> 1.0)
     omniauth-oauth2 (1.3.1)
       oauth2 (~> 1.0)
       omniauth (~> 1.2)
+    omniauth-twitter (1.2.1)
+      json (~> 1.3)
+      omniauth-oauth (~> 1.1)
     pg (0.18.2)
     pry (0.10.1)
       coderay (~> 1.1.0)
@@ -183,6 +192,7 @@ GEM
       rspec-mocks (~> 3.3.0)
       rspec-support (~> 3.3.0)
     rspec-support (3.3.0)
+    safe_yaml (1.0.4)
     sass (3.4.16)
     sass-rails (5.0.3)
       railties (>= 4.0.0, < 5.0)
@@ -229,11 +239,15 @@ GEM
     uglifier (2.7.1)
       execjs (>= 0.3.0)
       json (>= 1.8.0)
+    vcr (2.9.3)
     web-console (2.2.1)
       activemodel (>= 4.0)
       binding_of_caller (>= 0.7.2)
       railties (>= 4.0)
       sprockets-rails (>= 2.0, < 4.0)
+    webmock (1.21.0)
+      addressable (>= 2.3.6)
+      crack (>= 0.3.2)
 
 PLATFORMS
   ruby
@@ -251,6 +265,7 @@ DEPENDENCIES
   jquery-rails
   omniauth
   omniauth-instagram
+  omniauth-twitter
   pg
   pry-rails
   rails (= 4.2.3)
@@ -263,7 +278,9 @@ DEPENDENCIES
   turbolinks
   twitter
   uglifier (>= 1.3.0)
+  vcr (~> 2.9.3)
   web-console (~> 2.0)
+  webmock
 
 BUNDLED WITH
    1.10.6

app/assets/stylesheets/custom.css.scss

@@ -1,9 +1,28 @@
+
 @import "bootstrap-sprockets";
 @import "bootstrap";
 
+// body
+
+  // .jumbotron {
+  //     background: image-url("notso-2.png") no-repeat;
+  //     padding-bottom: 150px;
+  //     margin-bottom: 100px;
+  // }
+
+body {
+    background: image-url("bamboo.jpg") no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    font-size: 16px;
+    height: 100%;
+    vertical-align: middle;
+}
+
 .content {
   padding-top: 35px;
-  // background: image-url("notso-2.png") no-repeat;
 }
 
 .center {
@@ -12,10 +31,180 @@
   float: none;
 }
 
-.header {
-  font-size: 60px;
+.container {
+  height: 100%;
+}
+
+.feed {
+  margin: 20px auto;
+  background-color: rgba(0,0,0,.7);
+  background-repeat: repeat;
+  width: 500px;
+  padding: 10px 10px;
+}
+
+
+// typography
+
+h1 {
+  font-size: 6em;
 }
 
-a:hover {
+h1, h2, h3, h4, .page-links a,{
+  font-family: 'Orbitron', sans-serif;
+  text-align: center;
+  color: #000;
+
+}
+
+.no-targets a, .navbar-default .navbar-text,
+.navbar-default .navbar-nav > li > a {
+    font-family: 'Orbitron', sans-serif;
+    text-align: center;
+    color: rgb(255,255,255);
+}
+
+.navbar {
+  margin-bottom: 0;
+  width: 100%;
+}
+
+.navbar-inverse, .error-message {
+  background-color: rgba(0,0,0,.5);
+  border: none;
+  font-family: 'Orbitron', sans-serif;
+}
+
+.page-links a:hover, .no-targets a:hover {
+  text-decoration: none;
+  color: #F00;
+}
+
+.search-header {
+  margin-top: 20px;
+  font-family: 'Orbitron', sans-serif;
+  text-align: center;
+  color: #000;
+  font-size: 1.5em;
+}
+
+.tweet-post a:hover {
+  color: #F00;
   text-decoration: none;
 }
+
+.posted-at {
+  font-size: 0.7em;
+  font-style: italic;
+}
+
+// search results
+
+.search-results {
+  padding-top: 30px;
+}
+
+.well {
+  background-color: rgba(0,0,0,.7);
+  text-align: center;
+  padding: 5px;
+  width: 240px;
+  margin: 10px;
+  font-size: 14px;
+  color: rgb(255,255,255);
+}
+
+.row-centered {
+    text-align:center;
+}
+.col-centered {
+    display:inline-block;
+    float:none;
+}
+
+// photos & icons
+
+.photo-size {
+  width: 72px;
+}
+
+.ninja {
+  position: fixed;
+  left: 50px;
+  bottom: 100px;
+}
+
+.avatar {
+  width: 50px;
+  padding-top: 0;
+  float: left;
+}
+
+.shift-left {
+  padding-right: 70px;
+}
+
+.twitter {
+  margin-top: 10px;
+}
+
+.left {
+  float: left;
+}
+
+.ig-icon{
+  margin-right: 20px;
+}
+
+.twitter-icon {
+  margin-left: 10px;
+}
+
+.ig_image {
+  width: 250px;
+}
+
+.login-header {
+  padding-top: 30px;
+}
+
+.page-links {
+  font-size: 1em;
+}
+
+.error-message {
+  max-width: 75%;
+  color: #F00;
+  border-radius: 10%;
+  margin: 0 auto;
+  letter-spacing: 2px;
+}
+
+/* accessing developer strategy in production env */
+.animated {
+    -webkit-animation-duration: 3s;
+    animation-duration: 3s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+}
+
+@-webkit-keyframes hinge {
+    0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
+    20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
+    40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
+    80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
+    100% { -webkit-transform: translateY(700px); opacity: 0; }
+}
+@keyframes hinge {
+    0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
+    20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+    40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
+    80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
+    100% { transform: translateY(700px); opacity: 0; }
+}
+.hinge {
+    -webkit-animation-name: hinge;
+    animation-name: hinge;
+}

app/assets/stylesheets/instagram_posts.scss → app/assets/stylesheets/errors.scss

@@ -1,3 +1,3 @@
-// Place all the styles related to the InstagramPosts controller here.
+// Place all the styles related to the Errors controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/

app/controllers/application_controller.rb

@@ -1,4 +1,3 @@
-require 'twitter'
 require 'twit'
 
 class ApplicationController < ActionController::Base
@@ -12,16 +11,42 @@ class ApplicationController < ActionController::Base
     no_username: "There's no user by that name. Search again.",
     success: "Success!",
     follow_error: "Oops. Something went wrong.",
-    login_required: "You have to be logged in to do that!"
+    login_required: "You have to be logged in to do that!",
+    target_eliminated: "Target eliminated!",
+    already_following_error: "Oops! You are already following that person."
   }
 
   def twit
     @twitter ||= Twit.new
   end
 
+  private
+
   def require_login
     unless session[:user_id]
       redirect_to root_path, flash: { error: MESSAGES[:login_required] }
     end
   end
+
+  def already_following
+    params[:instagram] = nil
+    params[:tweet] = nil
+
+    flash.now[:error] = MESSAGES[:already_following_error]
+    render "feeds/search"
+  end
+
+  def private_ig_user(response)
+    params[:instagram] = nil
+
+    flash[:error] = "This user is private: " + response["meta"]["error_message"]
+    render "feeds/search"
+  end
+
+  def private_twitter_user(response)
+    params[:twitter] = nil
+
+    flash[:error] = "This user is private: " + response["meta"]["error_message"]
+    render "feeds/search"
+  end
 end

app/controllers/errors_controller.rb

@@ -0,0 +1,22 @@
+class ErrorsController < ApplicationController
+  def file_not_found
+    respond_to do |format|
+      format.html { render template: 'errors/file_not_found', layout: 'layouts/application', status: 404 }
+      format.all  { render nothing: true, status: 404 }
+    end
+  end
+
+  def unprocessable
+    respond_to do |format|
+      format.html { render template: 'errors/unprocessable', layout: 'layouts/application', status: 422 }
+      format.all  { render nothing: true, status: 422}
+    end
+  end
+
+  def internal_server_error
+    respond_to do |format|
+      format.html { render partial: 'errors/internal_server_error', layout: 'layouts/application', status: 500 }
+      format.all  { render nothing: true, status: 500}
+    end
+  end
+end