API Muncher--Dianne

.gitignore

@@ -16,3 +16,4 @@
 !/log/.keep
 /tmp
 .env
+/coverage

Gemfile

@@ -34,15 +34,19 @@ gem 'sdoc', '~> 0.4.0', group: :doc
 # API GEMS
 gem 'httparty'
 
-gem 'foundation-rails'
+# gem 'foundation-rails'
+
+gem 'will_paginate'
 
 group :development, :test do
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console
   gem 'byebug'
-  gem 'pry'
   gem 'dotenv-rails'
   gem 'better_errors'
   gem 'binding_of_caller'
+  #Use VCR for mocking API requests
+  gem 'minitest-vcr'
+  gem 'webmock'
 end
 
 group :development do
@@ -51,4 +55,12 @@ group :development do
 
   # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
   gem 'spring'
+
+  gem 'pry'
+end
+
+group :test do
+  gem 'minitest-reporters'
+  gem 'simplecov'
+
 end

Gemfile.lock

@@ -36,11 +36,18 @@ GEM
       minitest (~> 5.1)
       thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
+    addressable (2.4.0)
+    ansi (1.5.0)
     arel (6.0.3)
+    better_errors (2.1.1)
+      coderay (>= 1.0.0)
+      erubis (>= 2.6.6)
+      rack (>= 0.9.0)
     binding_of_caller (0.7.2)
       debug_inspector (>= 0.0.1)
     builder (3.2.2)
     byebug (9.0.6)
+    coderay (1.1.1)
     coffee-rails (4.1.1)
       coffee-script (>= 2.2.0)
       railties (>= 4.0.0, < 5.1.x)
@@ -49,11 +56,21 @@ GEM
       execjs
     coffee-script-source (1.10.0)
     concurrent-ruby (1.0.2)
+    crack (0.4.3)
+      safe_yaml (~> 1.0.0)
     debug_inspector (0.0.2)
+    docile (1.1.5)
+    dotenv (2.1.1)
+    dotenv-rails (2.1.1)
+      dotenv (= 2.1.1)
+      railties (>= 4.0, < 5.1)
     erubis (2.7.0)
     execjs (2.7.0)
     globalid (0.3.7)
       activesupport (>= 4.1.0)
+    hashdiff (0.3.0)
+    httparty (0.14.0)
+      multi_xml (>= 0.5.2)
     i18n (0.7.0)
     jbuilder (2.6.0)
       activesupport (>= 3.0.0, < 5.1)
@@ -67,14 +84,31 @@ GEM
       nokogiri (>= 1.5.9)
     mail (2.6.4)
       mime-types (>= 1.16, < 4)
+    method_source (0.8.2)
     mime-types (3.1)
       mime-types-data (~> 3.2015)
     mime-types-data (3.2016.0521)
     mini_portile2 (2.1.0)
+    minispec-metadata (2.0.0)
+      minitest
     minitest (5.9.1)
+    minitest-reporters (1.1.12)
+      ansi
+      builder
+      minitest (>= 5.0)
+      ruby-progressbar
+    minitest-vcr (1.4.0)
+      minispec-metadata (~> 2.0)
+      minitest (>= 4.7.5)
+      vcr (>= 2.9)
     multi_json (1.12.1)
+    multi_xml (0.5.5)
     nokogiri (1.6.8.1)
       mini_portile2 (~> 2.1.0)
+    pry (0.10.4)
+      coderay (~> 1.1.0)
+      method_source (~> 0.8.1)
+      slop (~> 3.4)
     rack (1.6.4)
     rack-test (0.6.3)
       rack (>= 1.0)
@@ -105,6 +139,8 @@ GEM
     rake (11.3.0)
     rdoc (4.2.2)
       json (~> 1.4)
+    ruby-progressbar (1.8.1)
+    safe_yaml (1.0.4)
     sass (3.4.22)
     sass-rails (5.0.6)
       railties (>= 4.0.0, < 6)
@@ -115,6 +151,12 @@ GEM
     sdoc (0.4.2)
       json (~> 1.7, >= 1.7.7)
       rdoc (~> 4.0)
+    simplecov (0.12.0)
+      docile (~> 1.1.0)
+      json (>= 1.8, < 3)
+      simplecov-html (~> 0.10.0)
+    simplecov-html (0.10.0)
+    slop (3.6.0)
     spring (2.0.0)
       activesupport (>= 4.2)
     sprockets (3.7.0)
@@ -135,28 +177,44 @@ GEM
       thread_safe (~> 0.1)
     uglifier (3.0.3)
       execjs (>= 0.3.0, < 3)
+    vcr (3.0.3)
     web-console (2.3.0)
       activemodel (>= 4.0)
       binding_of_caller (>= 0.7.2)
       railties (>= 4.0)
       sprockets-rails (>= 2.0, < 4.0)
+    webmock (2.1.0)
+      addressable (>= 2.3.6)
+      crack (>= 0.3.2)
+      hashdiff
+    will_paginate (3.1.5)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
+  better_errors
+  binding_of_caller
   byebug
   coffee-rails (~> 4.1.0)
+  dotenv-rails
+  httparty
   jbuilder (~> 2.0)
   jquery-rails
+  minitest-reporters
+  minitest-vcr
+  pry
   rails (= 4.2.7)
   sass-rails (~> 5.0)
   sdoc (~> 0.4.0)
+  simplecov
   spring
   sqlite3
   turbolinks
   uglifier (>= 1.3.0)
   web-console (~> 2.0)
+  webmock
+  will_paginate
 
 BUNDLED WITH
    1.13.5

app/assets/javascripts/homepages.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/javascripts/recipes.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/stylesheets/application.css

@@ -1,3 +1,94 @@
+@import url('foundation.min.css');
+
+nav {
+  padding: 2%;
+}
+/*body {
+  background-color: #7c9bf1;
+  }*/
+
+.pagination, a {
+  color: rgb(189, 109, 109);
+}
+
+.page-bar {
+  margin-top: 30px;
+  /*margin-left: 30px;*/
+}
+.page-bar a {
+
+}
+.page-bar em.current {
+  padding: 10px;
+  border-radius: 3px;
+  background-color: rgb(245, 233, 82);
+}
+
+#search-form {
+  padding: 2%;
+  width: 50%;
+  font-family: 'Nobile', arial;
+}
+
+#search-form input, .form_submit{
+    border-radius: 100px;
+    background-color: white;
+    border: 2px solid rgb(30, 132, 215
+    );
+}
+
+#search-form .form_submit{
+  background-color: rgb(30, 132, 215
+  );
+  color:  white;
+  border: 2px solid white;
+  padding: 10px;
+}
+
+li {
+  list-style-type: none;
+}
+
+h1, h2 {
+    font-family: 'Corben', Georgia, Arial, sans-serif;
+    padding-top: 15px;
+}
+
+p, ul, li, a{
+  font-family: 'Nobile', Arial, sans-serif;
+}
+
+h1, h2 {
+  text-align: center;
+  background-color: rgb(245, 233, 82);
+  border-radius: 5px 30px 5px;
+  width: 75%;
+
+ }
+
+.intro {
+  padding: 5%;
+}
+
+.recipe-info {
+  padding: 20px;
+}
+
+.home-image {
+  margin-top: 20px;
+}
+
+footer {
+  margin-top: 8%;
+  margin-bottom: 2%;
+  border-top: 5px solid rgb(245, 233, 82);
+  padding: 2%;
+}
+
+
+
+
+
 /*
  * This is a manifest file that'll be compiled into application.css, which will include all the files
  * listed below.

app/assets/stylesheets/homepages.scss

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

app/assets/stylesheets/recipes.scss

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

app/controllers/homepages_controller.rb

@@ -0,0 +1,5 @@
+class HomepagesController < ApplicationController
+
+  def index; end #dummy controller for homepage
+
+end

app/controllers/recipes_controller.rb

@@ -0,0 +1,18 @@
+require 'will_paginate/array'
+
+class RecipesController < ApplicationController
+
+  def index
+    @recipes = Recipe.search(params[:search]).paginate(:page => params[:page], :per_page => 12)
+
+  end
+
+  def show
+    #old search uses name
+    @recipe = Recipe.search(params[:id]).first
+  end
+end
+
+# def index #will paginate?
+# @posts =  Post.all.paginate(:page => params[:page], :per_page => 4)
+#  end

app/helpers/homepages_helper.rb

@@ -0,0 +1,2 @@
+module HomepagesHelper
+end

app/helpers/recipes_helper.rb

@@ -0,0 +1,2 @@
+module RecipesHelper
+end

app/views/homepages/index.html.erb

@@ -0,0 +1,7 @@
+<article class = "row">
+<h1 class="large-11 small-centered columns">Welcome to Munch on This: A Recipe Finder</h1>
+<%=image_tag "frog_chef.jpg", class: "home-image small-9 columns large-7 columns"%>
+
+<p class="intro small-3 columns large-5 columns"> Need an awesome recipe recommendation for a romantic dinner for two? Or do you just want to know what you can do with 5 bottles of ketchup? Try out Munch on This! Get started with the search bar above.</p>
+
+</article>

app/views/layouts/application.html.erb

@@ -1,14 +1,33 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>ApiMuncher</title>
+  <title>MUNCH ON THIS: A RECIPE FINDER</title>
   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
   <%= csrf_meta_tags %>
+
+  <!-- Web fonts from Google -->
+  <%=stylesheet_link_tag 'application', 'http://fonts.googleapis.com/css?family=Corben:bold' %>
+  <%=stylesheet_link_tag 'application', 'http://fonts.googleapis.com/css?family=Nobile' %>
+
 </head>
+
+
 <body>
+  <nav class="row">
+    <%= form_tag(recipes_path, :method => "get", id: "search-form") do %>
+    <%= text_field_tag :search, params[:search], placeholder: "Search for Munchables Here" %>
+    <%= submit_tag "Search", :name => nil, class: "form_submit" %>
+    <% end %>
+  </nav>
+
+
+  <%= yield %>
 
-<%= yield %>
+  <footer class= "row">
+    <p class="small-3 columns large-6 columns">Website built by Dianne Laguerta.</p>
+    <p class="small-3 columns large-6 columns"> Recipes powered by <a href="https://www.edamam.com/">Edamam.</a></p>
+  </footer>
 
 </body>
 </html>

app/views/recipes/index.html.erb

@@ -0,0 +1,19 @@
+<% if @recipes.blank? %>
+  <h4>There are no recipes containing the term <%= params[:search] %>.</h4>
+<% else %>
+<h1 class="large-11 small-centered columns">Results for <%= "#{params[:search]}"  %> </h1>
+<div class = "row page-bar"><%= will_paginate @recipes,  :container => false %></div>
+<section class="row small-up-1 medium-up-2 large-up-4">
+ <% @recipes.each do |recipe| %>
+  <% uri_id = recipe.uri.split("_").last %>
+
+  <p class="column">
+    <br></br>
+    <%= link_to recipe_path(uri_id) do %>
+      <%= image_tag "#{ recipe.photo}" %>
+      <% end %>
+    <%= link_to "#{ recipe.name}", recipe_path(uri_id)%>
+  </p>
+<% end  %>
+</section>
+<% end %>