I tried a meal kit service.

And there’s a lot that I actually enjoyed! However, as someone who cooks at home extremely often, there were some big pitfalls as well. I wanted this experience in my cooking work flow at home, so I created Digital Apron, a meal planner that captures the intuitiveness and functionality of modern meal subscription services.

See live at:

Digital Apron

The Pros and Cons of Meal Kits

Pros:

  • The recipe cards: the process of cooking was made incredibly simple with the recipe cards that these services provide. Simply grab a card and follow along for a smooth cooking experience.
  • No micromanaging ingredients: cooking the recipes required no mental energy tasked to listing out the ingredients available to you. You can just simply cook knowing that everything you need is in your pantry already.
  • Decision anxiety: when dinner time approaches, there’s no more struggling with deciding what’s for dinner. Your meals are planned out and grabbing a recipe card is extremely straightforward.

Cons:

  • Environmental impact: I’m someone who brings their own bags to the grocery store. So it’s extra painful to receive a box every week that’s padded with foam, insulated, containing single use ice packs, and full of ingredients that are individually wrapped in plastic. Additionally, I imagine a lot more fuel is used up delivering those ingredients to my door than it would take for me to go to my grocery store nearby which is a 4 minute drive away.
  • Meals can hit or miss: some of the meals provided ended up being duds. At times you can kind of see this coming just by looking at the recipe card, which resulted in a sad time in the kitchen as you prepare a meal you know is only going to be subpar. It was hard to get excited making those meals in particular.
  • Limited recipe catalog: the recipes that are offered in these meal kits are overwhelmingly western. The deeper spectrum of spice, funk, and ferments are nowhere to be found.
  • Pricing: a lot of money goes to the marketing and branding for these meal kits. While on promotion, they might be worth trying, but the normal pricing is much more expensive than getting groceries and cooking yourself. I’ve observed the price to be about equal to eating out, so the real decision is between cooking yourself and enjoying a restaurant experience.

Enter Digital Apron:

Digital apron was built to capture as much of the meal kit experience as possible for someone who enjoys cooking at home.

Features:

  • Seamless progression from planning, shopping, cooking.
  • Auto-generated shopping list from your meal plan for the week.
  • Shopping list items marked on click for straightforward use while at the grocery store.
  • Auto generated recipe cards for choosing while in the kitchen.
  • Recipe importing that draws from The MealDB API.
  • Mobile and desktop UI.

Built with:

  • Coded lovingly in vanilla JavaScript and CSS.
  • Built with Webpack.
  • Back-end services such as authentication and data provided by Firebase.
  • Hosted with Firebase hosting.
  • Compiled with Babel.

Improvements/Upcoming Features:

  • Completely broken in iOS Safari. I currently don’t have an apple device for debugging so until then this will remain. Also Safari is the new IE. See:
  • Importing from more popular meal websites such as Allrecipes or Bon Apetit.
  • Parsing of ingredients text string so ingredients do not have to be entered in individually when manually adding recipes.
  • Customization for number of meals/number of weeks to save.
  • Sharing of recipes and meal plans. Made a really delicious week of Keto/Vegetarian meals? Share to your friends to view and import.
  • Pantry option for ingredients. Highlight ingredients in your shopping list that are already in your pantry, good for staples like salt/sugar/etc.
  • Grouping of grocery items by category in the shopping list.
  • Servings adjustment when adding recipes to scale up or down.

Special Thanks:

  • Shout-out to my sister Chau Nguyen and Tony Tran for finding amazing deals on Hello Fresh/Every Plate/Blue Apron so that we got to try out these services for extremely cheap. Without them I would never have had the inspiration to make Digital Apron.
  • Friends and family who gave feedback on the alpha versions of this, you guys rock!
  • Blue Apron/Hello Fresh/Every Plate for the great deals and novel experience.
  • Luke Wilson from ManageXR for suggesting Firebase for my back-end.

Contributing

Contributions, issues, and feature requests are welcome!