<a href="#/users/{{username}}/recipes/new"><button>Create new recipe</button></a>
<div ng-repeat="recipe in recipes | orderBy: 'id'">
  <br>
  <a href="#users/{{username}}/recipes/{{recipe.id}}">{{recipe.title}}</a>
  <br>
  Bean: {{recipe.bean_name}}
  <br>
  Roast: {{recipe.roast}}
  <br>
  Rating: {{recipe.rating}}
  <br>
</div>

<a href="#/users/{{username}}/recipes/new"><button>Create new recipe</button></a>
<input placeholder="Filter Recipes" ng-model="query"></>
<div ng-repeat="recipe in recipes | orderBy: 'id' | filter:query">

  <br>
  <a href="#users/{{username}}/recipes/{{recipe.id}}">{{recipe.title}}</a>

  <br>
  Bean: {{recipe.bean_name}}
  <br>
  Roast: {{recipe.roast}}
  <br>
  Rating: {{recipe.rating}}
  <br>
</div>

Add search field for filtering recipes
Add search field for filtering recipes
