Developers
Add the power of Kitchen Monki to your own site
The Kitchen Monki application programming interface (API) and the the Kitchen Monki software development kit (SDK) can be used in conjuction to create rich and intuitive web applications that interface with the Kitchen Monki Platform.
- Leverage the powerful Kitchen Monki toolbar
- Display some or all of your recipes
- List all your recipe comments and ratings
- Allow visitors to view your Kitchen Monki meal planer
- Embed the iTunes-like Recipe Explorer
- and much much more!
Fully customizable and easy to implement
The Kitchen Monki SDK allows you to pull existing recipes from our extensive database or add your own, and then customize the look and format to match your site. Regardless of style, recipes maintain the powerful Kitchen Monki toolbar, adding functionality and real value for your users.
Check out these customized recipes on other sites using the Kitchen Monki SDK. You can also preview the PHP and CSS used in each example, to see just how simple it is to get great results.
Herb-roasted Lamb
This dish is great for guests, since the dish goes into the oven for 2 hours before serving, so you can relax before guests arrive. Also, since the potatoes cook with the lamb, you are getting 2 for 1 in terms of dishes yielded for prep time. Cooking time: 1.5 hours + 20 minutes
Ingredients
5 pounds Red Potato, unpeeled
6 cloves Garlic
16 pounds Whole Leg of Lamb
6 cloves Garlic
2 tablespoons Extra Virgin Olive Oil
1 tablespoon Dried Ground Rosemary
1 tablespoon Kosher Salt
1 tablespoon Fine Ground Black Pepper
2 tablespoons Unsalted Butter
Directions
-
1. Pre-heat oven to 450 degrees, place oven rack in lower third of oven so lamb will sit in the middle of the oven
-
2. Peel 6 cloves of the garlic and place them in the food processor. Add the rosemary, 1 tbsp of salt, 1 tsp of pepper, and butter to the processor. Process until garlic and rosemary are minced
-
3. Coat the top and sides of lamb thoroughly with the mixture. Allow the lamb to sit for 30 minutes to an hour.
-
4. Toss the potatoes and the remaining unpeeled garlic in a bowl with the olive oil and sprinkle with some salt. Place mixture in the bottom of a roasting pan.
-
5. Place the lamb on top of the potatoes and roast for an hour and 15-30 minutes, or until internal temperature is 135 degrees (rare) or 145 degrees (medium).
-
6. Remove from the oven and place lamb on a platter. Cover tightly with aluminum foil. Allow it to rest for 20 minutes. Slice and serve with potatoes.
-
7. *Stick thermometer in multiple places near the middle of the lamb to make sure cooking temperature is within desired range for the whole piece.
include('kmonki_sdk.php');
$km = new Kmonki_sdk('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'); // api key
$km->template_caching = true;
$id = 123456; // recipe id
$km->recipe_template = '/template/path/r1.tpl';
$r1 = $km->recipe_get($id, 1);
{$recipe.toolbar}
<div id="r1">
<div class="km_recipe" id="km_recipe_{$recipe.id}">
<h1>{$recipe.title}</h1>
<div class="meta">
<div>
<span class="tag"><strong>Meal:</strong> {$recipe.meal}</span>
<span class="tag"><strong>Course:</strong> {$recipe.course}</span>
<span class="tag"><strong>Cuisine:</strong> {$recipe.cuisine}</span>
<span class="tag"><strong>Time:</strong> {$recipe.time}</span>
</div>
<div>
<span class="servings"><strong>Servings:</strong> {$recipe.servings}</span>
{if $recipe.source}<span class="source"><strong>Source:</strong> {$recipe.source}</span>{/if}
</div>
</div>
{if $recipe.description}<p class="description">{$recipe.description}</p>{/if}
<h3>Ingredients</h3>
<div class="ingredient_list">
{foreach from=$recipe.ingredients item=ingredient}
<div class="ingredient">{$ingredient.formatted}</div>
{/foreach}
</div>
<h3>Directions</h3>
<ul class="step_container">
{foreach from=$recipe.steps item=step name=step}
<li class="step">
<div class="step_text">
{$smarty.foreach.step.iteration}. {$step.text}
</div>
</li>
{/foreach}
</ul>
</div>
</div>
#r1 {
background: url('/kmonki_sdk/gradient.png');
background-repeat: repeat-x;
border: 1px solid #E9E7E0;
margin: 20px 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: "Lucida Sans";
line-height: normal;
font-size: 12px;
}
#r1 h1 {
color: #47B3B3;
font-size: 16px;
letter-spacing: -0.2px;
text-transform: lowercase;
margin: 0;
padding: 0;
}
#r1 .meta {
color: #ABA9A8;
font-size: 11px;
margin: 10px 0;
}
#r1 .meta span {
display: inline-block;
padding-right: 20px;
}
#r1 .description {
margin: 10px 0;
}
#r1 h3 {
border-bottom: 1px dotted #E9E7E0;
color: #ABA9A8;
font-size: 17px;
font-style: normal;
font-weight: normal;
line-height: 17px;
margin: 20px 0 3px;
padding: 0 0 3px;
text-transform: lowercase;
}
#r1 .ingredient_list, #r1 .step_container {
line-height: 16px;
margin: 0;
padding: 0;
}
#r1 .step_container {
list-style-type: none;
}
#r1 .step_container li {
margin: 0 0 10px;
padding: 0;
display: block;
}
Herb-roasted Lamb
Recipe By: Barefoot Contessa, Family Style
Ingredients
- 5 pounds Red Potato, unpeeled
- 6 cloves Garlic
- 16 pounds Whole Leg of Lamb
- 6 cloves Garlic
- 2 tablespoons Extra Virgin Olive Oil
- 1 tablespoon Dried Ground Rosemary
- 1 tablespoon Kosher Salt
- 1 tablespoon Fine Ground Black Pepper
- 2 tablespoons Unsalted Butter
Directions
- Pre-heat oven to 450 degrees, place oven rack in lower third of oven so lamb will sit in the middle of the oven
- Peel 6 cloves of the garlic and place them in the food processor. Add the rosemary, 1 tbsp of salt, 1 tsp of pepper, and butter to the processor. Process until garlic and rosemary are minced
- Coat the top and sides of lamb thoroughly with the mixture. Allow the lamb to sit for 30 minutes to an hour.
- Toss the potatoes and the remaining unpeeled garlic in a bowl with the olive oil and sprinkle with some salt. Place mixture in the bottom of a roasting pan.
- Place the lamb on top of the potatoes and roast for an hour and 15-30 minutes, or until internal temperature is 135 degrees (rare) or 145 degrees (medium).
- Remove from the oven and place lamb on a platter. Cover tightly with aluminum foil. Allow it to rest for 20 minutes. Slice and serve with potatoes.
- *Stick thermometer in multiple places near the middle of the lamb to make sure cooking temperature is within desired range for the whole piece.
include('kmonki_sdk.php');
$km = new Kmonki_sdk('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'); // api key
$km->template_caching = true;
$id = 123456; // recipe id
$km->recipe_template = '/template/path/r1.tpl';
$r1 = $km->recipe_get($id, 1);
{$recipe.toolbar}
<div id="r2">
<div class="km_recipe" id="km_recipe_{$recipe.id}">
<h1>{$recipe.title}</h1>
{if $recipe.source}<h2><strong>Recipe By:</strong> {$recipe.source}</h2>{/if}
<div class="header">
{if $recipe.description}<p class="description">{$recipe.description}</p>{/if}
<div class="meta">
<div class="tag"><span class="title">Meal:</span> {$recipe.meal}</div>
<div class="tag"><span class="title">Course:</span> {$recipe.course}</div>
<div class="tag"><span class="title">Cuisine:</span> {$recipe.cuisine}</div>
<div class="tag"><span class="title">Prep Time:</span> {$recipe.time}</div>
<div class="servings"><span class="title">Servings:</span> {$recipe.servings}</div>
</div>
</div>
<div class="left">
<h3>Ingredients</h3>
<ul class="ingredient_list">
{foreach from=$recipe.ingredients item=ingredient}
<li class="ingredient"><span>{$ingredient.formatted}</span></li>
{/foreach}
</ul>
</div>
<div class="right">
<h3>Directions</h3>
<ol class="step_container">
{foreach from=$recipe.steps item=step name=step}
<li class="step">
<span class="step_text">
{$step.text}
</span>
</li>
{/foreach}
</ol>
</div>
<div style="clear: both;"></div>
</div>
</div>
#r2 {
font-family: Tahoma;
margin: 20px 0 0;
color: #52483D;
font-size: 12px;
line-height: normal;
}
#r2 h1 {
color: #6A6056;
font-size: 18px;
}
#r2 h2 {
color: #645A50;
font-size: 12px;
font-weight: normal;
}
#r2 .header {
background-image: url('/kmonki_sdk/gradient2.jpg');
background-repeat: repeat-x;
background-position: bottom left;
margin: 10px 0 10px;
padding: 10px;
line-height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#r2 .header .description {
border-bottom: 1px solid #CCCCCC;
margin: 0 0 10px;
padding: 0 0 10px;
}
#r2 .meta {
font-size: 10px;
margin: 10px 0 10px;
line-height: 12px;
}
#r2 .meta .title {
width: 60px;
display: inline-block;
font-weight: bold;
}
#r2 .left {
float: left;
width: 270px;
}
#r2 .right {
float: right;
width: 325px;
border-left: 1px dotted #BBB6A1;
padding: 0 10px 0 20px;
}
#r2 h3 {
font-size: 16px;
font-weight: normal;
margin: 5px 0;
padding: 0;
}
#r2 ol {
list-style-type: decimal;
list-style-position: outside;
color: #BBB6A1;
padding: 0 0 0 20px;
}
#r2 ol li {
margin: 10px 0;
}
#r2 ol li span {
color: #52483D;
}
#r2 ul {
list-style-type: disc;
list-style-position: outside;
color: #BBB6A1;
padding: 0 0 0 20px;
}
#r2 ul li {
margin: 10px 0;
}
#r2 ul li span {
color: #52483D;
}
Herb-roasted Lamb
This dish is great for guests, since the dish goes into the oven for 2 hours before serving, so you can relax before guests arrive. Also, since the potatoes cook with the lamb, you are getting 2 for 1 in terms of dishes yielded for prep time. Cooking time: 1.5 hours + 20 minutes
Ingredients
5 pounds Red Potato, unpeeled
6 cloves Garlic
16 pounds Whole Leg of Lamb
6 cloves Garlic
2 tablespoons Extra Virgin Olive Oil
1 tablespoon Dried Ground Rosemary
1 tablespoon Kosher Salt
1 tablespoon Fine Ground Black Pepper
2 tablespoons Unsalted Butter
Directions
-
1
Pre-heat oven to 450 degrees, place oven rack in lower third of oven so lamb will sit in the middle of the oven
-
2
Peel 6 cloves of the garlic and place them in the food processor. Add the rosemary, 1 tbsp of salt, 1 tsp of pepper, and butter to the processor. Process until garlic and rosemary are minced
-
3
Coat the top and sides of lamb thoroughly with the mixture. Allow the lamb to sit for 30 minutes to an hour.
-
4
Toss the potatoes and the remaining unpeeled garlic in a bowl with the olive oil and sprinkle with some salt. Place mixture in the bottom of a roasting pan.
-
5
Place the lamb on top of the potatoes and roast for an hour and 15-30 minutes, or until internal temperature is 135 degrees (rare) or 145 degrees (medium).
-
6
Remove from the oven and place lamb on a platter. Cover tightly with aluminum foil. Allow it to rest for 20 minutes. Slice and serve with potatoes.
-
7
*Stick thermometer in multiple places near the middle of the lamb to make sure cooking temperature is within desired range for the whole piece.
include('kmonki_sdk.php');
$km = new Kmonki_sdk('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'); // api key
$km->template_caching = true;
$id = 123456; // recipe id
$km->recipe_template = '/template/path/r1.tpl';
$r1 = $km->recipe_get($id, 1);
{$recipe.toolbar}
<div id="r3">
<div class="km_recipe" id="km_recipe_{$recipe.id}">
<h1>{$recipe.title}</h1>
<div class="meta">
Tags:
{foreach from=$recipe.tags item=tag name=tag}
<span class="tag">{$tag.value}{if $smarty.foreach.tag.iteration lt count($recipe.tags)},{/if}</span>
{/foreach}
<div>
<span class="servings"><strong>Servings:</strong> {$recipe.servings}</span>
</div>
<div>
{if $recipe.source}<span class="source"><strong>Source:</strong> {$recipe.source}</span>{/if}
</div>
</div>
{if $recipe.description}<p class="description">{$recipe.description}</p>{/if}
<h3>Ingredients</h3>
<div class="ingredient_list">
{foreach from=$recipe.ingredients item=ingredient}
<div class="ingredient">{$ingredient.formatted}</div>
{/foreach}
</div>
<h3>Directions</h3>
<ol class="step_container">
{foreach from=$recipe.steps item=step name=step}
<li class="step">
<div class="num">{$smarty.foreach.step.iteration}</div>
<div class="step_text">
{$step.text}
</div>
<div style="clear: both;"></div>
</li>
{/foreach}
</ol>
</div>
</div>
#r3 {
margin: 20px 0 0;
line-height: normal;
font-family: Arial;
font-size: 13px;
}
#r3 h1 {
font-family: Georgia, serif;
font-size: 24px;
font-weight: normal;
margin: 5px 0;
padding: 0;
}
#r3 .meta {
border-top: 1px solid #95C3B9;
border-bottom: 1px solid #95C3B9;
margin: 5px 0;
padding: 5px 0;
line-height: 20px;
}
#r3 .meta span.tag {
color: #00A5E9;
}
#r3 .description {
margin: 10px 0;
}
#r3 h3 {
font-family: courier new, courier, fixed;
font-size: 24px;
color: #0084BA;
border-bottom: 3px double #0084BA;
margin: 10px 0 5px;
}
#r3 .ingredient_list {
padding: 10px;
font-family: Georgia, serif;
line-height: 20px;
}
#r3 ol {
list-style-type: none;
padding: 0;
}
#r3 ol li {
margin: 10px 0;
border-bottom: 1px solid #7FCCFF;
padding: 10px 0;
}
#r3 ol li .num {
float: left;
font-size: 22px;
font-family: Georgia, serif;
color: #0099FF;
width: 20px;
padding: 0 0 0 10px;
}
#r3 ol li .step_text {
float: left;
font-size: 14px;
color: #000000;
margin: 0 0 0 100px;
width: 500px;
font-family: Georgia, serif;
line-height: 18px;
}
