sydnerd / whats-cookin

My Cookbook

My Cookbook is an application that shows a user recipes. The user can click the star to favorite recipes, or the grill to add recipes to a To Cook list. If the star and grill are clicked a second time on the recipe card, the recipe is removed from the respective list. To view the lists, the user can click on the icon next to the words Favorites and To Cook. Users can filter recipes by tag, recipe name, or ingredient. To view recipe details, user can click on the image of the meal. To go back to the main page, click My Cookbook at the top left hand corner of the page.

Main Page

Add to Favorites

Add To Cook List

Search By Ingredient

Search By Name

Search By Tag

Install

1. Clone down this 3rd party repository git clone https://github.com/turingschool/What-s-cookin--starter-kit-API
   1. This API holds the data our project will fetch in order to populate the browser with info
2. CD into your local clone cd What-s-cookin--starter-kit-API\
3. Install project dependencies npm install
4. Run npm start
5. Clone down this repository git clone https://github.com/sydnerd/whats-cookin
6. CD into your local clone cd whats-cookin\
7. Install project dependencies npm install
8. Run npm start and open localhost:8080 in your preferred browser

Technologies Used

• Mocha
• Chai
• Javascript
• HTML
• CSS
• GitHub & Git
• Get & Fetch Requests
• Webpack

Contributors

This application was written by Sydney Bear and Alex Kio, Mod 2 frontend engineering students at Turing School of Software & Design.

whats-cookin's Issues

Filter recipes by name or ingredients

As a user, I should be able to search recipes by their name or ingredients.

Create shopping list

As a user, I should be told what ingredients are still needed if I don’t have enough ingredients in my pantry to cook the recipe.

Use fetch on all 3 arrays

delete hardcoded data

Is pantry sufficiently stocked?

As a user, I should be able to check my list of recipes to cook and see if my pantry has enough ingredients to cook a meal.

Filter recipes by tags

As a user, I should be able to filter recipes by multiple tags.

View recipe details after click

As a user, I should be able to click on a recipe to view more information including directions, ingredients needed, and total cost.

Filter favorited recipes by tags

As a user, I should be able to filter my favorited recipes by one or more tags.

Add a recipe to a want to cook list

As a user, I should be able to add a recipe to a list of recipes to cook.

Favorite / unfavorite recipes

As a user, I should be able to favorite / unfavorite recipes that I like and can easily find again.

View ingredients inside pantry

As a user, I should be able to view what ingredients exist inside of my pantry.

View all recipes

As a user, I should be able to view a list of all recipes.

Search favorited recipes by its name or ingredients

As a user, I should be able to search my favorited recipes by its name or ingredients.