JPEG image-F26E7D497FFC-1
Status

Dairy-free beef stroganoff

Sorry folks, the light in my kitchen kind of sucks for taking pictures.

Tonight’s dinner was my second attempt of de-dairifying a great culinary classic: beef stroganoff. Traditionally made with sour cream (or the more Americanized version: canned condensed cream of mushroom soup), I decided to use canned coconut milk made from coconut cream as the base. It turned out great!

Matt can’t stop nibbling on it.

Yield: 6 servings

Ingredients:

  • 1 tbsp cooking oil
  • 2 to 3 lb beef round roast (or any good roasting cut)
  • 1 lb sliced button mushrooms
  • 2 cans coconut milk (get a kind with a good amount of coconut cream in it)
  • 1/4 cup Worcestershire sauce
  • 1 cube beef bouillon
  • 1/2 tsp garlic powder
  • pinch of salt
  • fresh ground black pepper to taste
  • 3 tbsp cornstarch
  • 1 package (12 oz) egg noodles

Part 1:

  1. Heat oil in heavy iron skillet over medium-high heat. Sear roast on each side for 2-3 minutes, or until nice and crispy.
  2. In crockpot, mix coconut milk, Worcestershire sauce, bouillon cube, garlic powder, salt, and pepper.
  3. Add beef and mushrooms to crockpot. Stir it around a little. The liquid doesn’t need to be covering the beef.
  4. Cook on high for 3-4 hours, or low for 5-6 hours (this is a total guess).
  5. Once the beef is cooked and tender, shred the beef with a couple forks.
Tonight's dinner success: #dairyfree beef stroganoff!

Part 2:

  1. In a small bowl, mix cornstarch with 1/4 cup of cold water until smooth. Stir into crockpot. Heat over high for a few minutes to thicken.
  2. 15 minutes before you’re ready to serve,  cook the egg noodles.
  3. Serve the beef stroganoff over the egg noodles.

Enjoy!

I'll be posting the recipe on my blog tonight! #dairyfree beef stroganoff
df-chick-broc
Status

Dairy-free chicken and broccoli casserole

I’ve been lactose intolerant for at least 15 years now. Luckily, I’ve been able to survive by popping Lactaid pills when I eat anything loaded with dairy.

But lately my husband’s dairy tolerance has plummeted. He has tried Lactaid (over and over) and it’s just not working. Dairy allergy? Maybe.

Now, we LOVE cheese. We LOVE pizza. We LOVE pasta smothered in cheesy sauces. We LOVE ice cream.

Because of this, my new mission in the kitchen is to make delicious dairy-free recipes where we either just don’t miss the dairy, or we can trick ourselves into thinking we’re actually eating the dairy version of things. Difficult goal to achieve, I know. I just can’t admit to myself yet that I’m okay giving up dairy.

So last night I ran my first trial recipe: a dairy-free chicken and broccoli casserole. It was a hollering success!

Dairy-free chicken and broccoli casserole. Success!

I based it off a traditional chicken and broccoli casserole recipe I have had for a while (using condensed creamy soup as the base) and a paleo version I found online. I’m still in denial about having to go completely dairy-free in this house, THERE IS NO WAY IN HELL I AM GOING GLUTEN FREE TOO. So no paleo for me right now, thanks.

Yield: 6 servings

Ingredients

  • 1.5 cups water
  • 1 package (6 oz) stuffing mix (I used turkey)
  • 1.5 cups unsweetened non-dairy milk (I used almond)
  • 3 tbsp cornstarch
  • .5 cup mayonnaise
  • 2 large chicken breasts, pre-cooked and cubed
  • 1 bag (10 oz) frozen broccoli florets, thawed

Instructions

  1. In a small saucepan, bring water to a boil. Stir in stuffing mix. Remove from heat and let stand 5 minutes.
  2. Mix cornstarch into unsweetened non-dairy milk, then pour into another small saucepan. Heat over medium-low.
  3. Once milk is warm, stir in mayonnaise.
  4. Layer chicken and broccoli in the bottom of greased 11 in x 7 in x 2in baking dish. Pour half of milk/mayonnaise mix on top.
  5. Fluff stuffing with a fork and then spoon on top of chicken/broccoli layer. Distribute evenly. Drizzle the rest of the milk/mayonnaise mix evenly over the top.
  6. Bake, uncovered, at 350º for 30 minutes.

Dish up and enjoy!

Dairy-free chicken and broccoli casserole. Delicious!

Using the WordPress API as the backend for an AngularJS app (for beginners)

Yesterday I took my very first stab at Angular.js. In just one day, I went from knowing almost nothing about it to being able to display posts from the WordPress API. I found a couple helpful resources, but otherwise had to figure all this out on my own. My goal is to keep this blog going with things I’ve learned along the way, as a resource for others who may be starting at about the same level as I did.

I came to AngularJS with a background in traditional WordPress development — I’m very knowledgeable in HTML, CSS, and jQuery; understand a good amount of PHP and MySQL; and have very little JavaScript, OOP, and MVC architecture experience.

After learning the basics by completing Code School’s free course: Shaping up with Angular.js, I felt like I had a pretty good handle on modules, controllers, and directives. I don’t want to repeat any of that here so if you are new to AngularJS and haven’t taken that course, I highly recommend it! It only took a couple of hours and was both educational and entertaining. They did a good job of breaking down some complex ideas into simple explanations and providing the opportunity for hands-on learning in the browser without having to download any files.

My next step was to figure out how to use the WP-API to provide the JSON data for a controller. Here are the steps I took (based on this tutorial, but using a different plugin for the API). Note: This is assuming you know enough about WordPress theme development that you can enqueue scripts and modify template files.

1. Set up WordPress

  1. Install the plugin JSON REST API from the WordPress plugins repository.
  2. Make sure there is at least 1 post published.
  3. Change permalinks to something other than default.
  4. Activate your favorite starter theme.

2. Enqueue scripts in the theme

You’ll need to enqueue Angular.min.js and a scripts file where you’ll be adding your custom AngularJS code. Additionally, you’ll be using wp_localize_script to add some CDATA to the HTML so you can access that data in your JavaScript file.

functions.php:

 

3. Write the AngularJS view in the template files

header.php:

Notice that we include the module “example” on line 2 in the <html> tag.

index.php:

On line 3, we are calling the controller “PostList” with the ngController directive and on line 5, we have a tiny loop using the ngRepeat directive with an expression that shows the title of the post inside an <li>.

 

4. Write the AngularJS module and controller

app.js:

To be completely honest, I do not understand the $rootScope and $scope services yet. But it was in the example I was following and since I’m not too familiar with OOP, I’m kind of afraid of scoping variables. So it seemed like a good idea to keep it in there.

 

5. Cross your fingers and load the page

If everything went right, when you load the page, you’ll see a list of posts on your site! I made the mistake of loading the page after step 3 and before I had actually written a module and controller. Because the view is referencing a specific module and controller, it WILL throw errors when it doesn’t find them. ;)

I hope this micro-tutorial comes in handy! As I explore AngularJS more, I’ll post some more lessons. In the mean time, I’d love to hear any questions or tips you have for me. Leave a comment below or contact me on Twitter @isabisa!

Here are the resources that got me started: