Banana Chocolate Chip Muffins

These muffins are the perfect combination of bananas and chocolate chips for a great grab-and-go treat!

Ingredients

• 1 ½ cups flour
• 1 teaspoon baking soda
• ½ teaspoon salt
• ¾cup sugar
• 1 cup mashed bananas about 3 medium
• 1 large egg room temperature
• ½ cup vegetable oil
• 1 teaspoon vanilla extract
• ½ cup semi-sweet chocolate chips
• ¼ cup milk chocolate chips

Instructions

1. Preheat oven to 375°F. Line a muffin pan with paper liners.
2. Combine flour, baking soda, and salt in a small bowl. Stir in chocolate chips.
3. Combine sugar, bananas, egg, oil, and vanilla in a medium bowl.
4. Add dry ingredients and mix just until combined.
5. Pour into prepared muffin tin and bake 18-20 minutes or until a toothpick comes out clean. Do not overbake.
6. Cool 5 minutes in the pan before removing and cooling on a baking rack.

Source attribution

source: https://www.spendwithpennies.com/banana-chocolate-chip-muffins/

Pictures

Good Reference

epicurious.com The homepage of this website has a clear search filter that allows the user to immediately find recipes. The website also encompasses a type of blog for food, which makes the website more interactive, and allows the user to use it for more than just recipes. The articles are written by multiple authors and include kitchen tricks, cooking hacks, and other useful food info.
bonappetit.com I like how this website has tags on their recipe's pictures regarding the skill level that the recipe is. Also, the Bon Appetit logo enlarges when you scroll up on the page, which is a nice touch because it emphasizes their logo and the fact that these recipes will provide the person with a good meal.
simplyrecipes.com The homepage is split so there is one recipe largely shown in a single picture on the left side, while the right side showcases multiple recipes with the ability to scroll. I like how each recipe gives a description and a brief backstory as to why this recipe is good. I also think having pictures throughout the recipe showing the steps is helpful.

Stylistic/Communication techniques

newyorker.com I like the fonts used by The New Yorker. They provide the viewer with the ability to clearly distinguish different sections and titles. I also like how the top logo gets bigger and smaller depending on which way the user is scrolling.
makerny.com This website uses white space effectively to evoke a calm aesthetic. I like how the white space also allows the viewer to focus directly on one thing at a time that is presented on the screen.
billabong.com This website's use of text over images is effective on the homepage and has good contrast. I think there is a good balance between imagery, white space, and text. I also think this website uses the hierarchy of text well for each item, so the details are still shown (price, colors, etc.), but the viewer's eyes first go to the title of the product.