10,337 public/js/jquery-1.11.0.js
View file

Large diffs are not rendered by default.

0 public/js/recipes.js
View file
Empty file.
46 recipes.json
View file
@@ -0,0 +1,46 @@
{
"recipes": [
{
"name": "Turkey Burgers",
"description": "Flavorful turkey burgers seasoned with fresh herbs",
"imageURL": "https://s3-us-west-2.amazonaws.com/beachbody-blog/uploads/2017/04/turkey-Burgers_b6s7ao-394x197.jpg",
"servings": "4 Servings",
"cookTime": "Total Time: 35 minutes"
},
{
"name": "Roasted Pumpkin, Sweet Potato, and Brown Rice Pilaf",
"description": "A side dish hearty enough to be your entree",
"imageURL": "https://s3-us-west-2.amazonaws.com/beachbody-blog/uploads/2017/04/Pumpkin-Pilaf-700x350_d5hitz-394x197.jpg",
"servings": "8 Servings",
"cookTime": "Total Time: 1 hour and 45 minutes"
},
{
"name": "Roasted Chicken and Butternut Squash Soup",
"description": "A sweet and savory chicken soup",
"imageURL": "https://s3-us-west-2.amazonaws.com/beachbody-blog/uploads/2017/04/Roasted-Chicken-and-Butternut-Squash-Soup_kuhic1-394x197.jpg",
"servings": "8 Servings",
"cookTime": "Total Time: 40 minutes"
},
{
"name": "Slow Cooker Chicken Enchiladas",
"description": "Top with a runny egg for even more awesomeness",
"imageURL": "https://s3-us-west-2.amazonaws.com/beachbody-blog/uploads/2017/04/Slow-Cooker-Cheesy-Chicken-Enchiladas-in-post.jpg",
"servings": "10 Servings",
"cookTime": "Total Time: 3 hours and 30 minutes"
},
{
"name": "Garlic Shrimp with Zucchini Noodles",
"description": "Oodles of Zoodles for all your carb-free needs",
"imageURL": "https://s3-us-west-2.amazonaws.com/beachbody-blog/uploads/2017/04/Garlic-Basil-Shrimp-with-Zucchini-Noodles-394x197.jpg",
"servings": "4 Servings",
"cookTime": "Total Time: 20 minutes"
},
{
"name": "Curried Chicken with Couscous",
"description": "Hurry my curry",
"imageURL": "https://s3-us-west-2.amazonaws.com/beachbody-blog/uploads/2015/03/Curried-Chicken-with-Couscous1-715x358.jpg",
"servings": "8 Servings",
"cookTime": "Total Time: 45 minutes"
}
]
}
5 routes/recipeSearch.js
View file
@@ -3,6 +3,9 @@
* GET home page.
*/

var data = require('../recipes.json');

exports.view = function(req, res){
res.render('recipeSearch');
console.log(data);
res.render('recipeSearch', data);
};
2 views/index.handlebars
View file
@@ -25,6 +25,8 @@
<label>
<input type="checkbox" checked="checked"> Remember me
</label>
<br />
<label>New User? Click <a href="questions">here</a>
</div>

<br />
104 views/recipeSearch.handlebars
View file
@@ -27,93 +27,23 @@
</div>
<br />

<table class="recipeList" align="center">
<tr>
<td>
<div>
<a href="recipeTemplate">
<img src="../images/chefHat.jpg" float="center" height="25%" width="25%"/>
</a>
</div>
<br />
<i>Name of Recipe</i>
<br />
<label>Difficulty: </label><b>EASY</b>
<br />
<label>Servings: </label><b>10</b>
</td>
<td>
<div>
<a href="recipeTemplate">
<img src="../images/chefHat.jpg" float="center" height="25%" width="25%"/>
</a>
</div>
<br />
<i>Name of Recipe</i>
<br />
<label>Difficulty: </label><b>MEDIUM</b>
<br />
<label>Servings: </label><b>12</b>
</td>
</tr>
<tr>
<td>
<div>
<a href="recipeTemplate">
<img src="../images/chefHat.jpg" float="center" height="25%" width="25%"/>
</a>
</div>
<br />
<i>Name of Recipe</i>
<br />
<label>Difficulty: </label><b>EASY</b>
<br />
<label>Servings: </label><b>10</b>
</td>
<td>
<div>
<a href="recipeTemplate">
<img src="../images/chefHat.jpg" float="center" height="25%" width="25%"/>
</a>
</div>
<br />
<i>Name of Recipe</i>
<br />
<label>Difficulty: </label><b>EASY</b>
<br />
<label>Servings: </label><b>8</b>
</td>
</tr>
<tr>
<td>
<div>
<a href="recipeTemplate">
<img src="../images/chefHat.jpg" float="center" height="25%" width="25%"/>
</a>
</div>
<br />
<i>Name of Recipe</i>
<br />
<label>Difficulty: </label><b>HARD</b>
<br />
<label>Servings: </label><b>10</b>
</td>
<td>
<div>
<a href="recipeTemplate">
<img src="../images/chefHat.jpg" float="center" height="25%" width="25%"/>
</a>
</div>
<br />
<i>Name of Recipe</i>
<br />
<label>Difficulty: </label><b>MEDIUM</b>
<br />
<label>Servings: </label><b>6</b>
</td>
</tr>
</table>

{{#each recipes}}
<div class="recipes" id="{{name}}">
<a href="#" class="thumbnail">
<img class="img-responzive" src="{{imageURL}}" />
<h3>{{name}}</h3>
<p>{{description}}</p>
<label>{{servings}}</label>
<label>{{cookTime}}</label>
</a>
</div>
<hr />
{{/each}}


<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/recipes.js"></script>

</body>
</html>