What's Cookin'? group project

Contributors

• Mike Flynn
• Cameron Romo

Context

Deploy Site

**Set up**

• Click the Fork button on the top right-hand corner of this page
• Clone the repository down and cd into the repo on your local machine by running:
  • git clone <url>
  • cd whats-cookin
• Run npm install
• Deploy site by running: open src/index.html

Technologies used:

• JavaScript
• HTML
• CSS
• git
• GitHub
• Terminal
• Color Safe Color Picker
• Flaticon

Wins

• Displaying data in a modal view
• Successfully filtering through data with iterator methods
• Using the GitHub project board along with issues and labels
• Utilizing TDD
• More success with OOP

Challenges

• Understanding the complexity of the incoming nested data types
• Knowing what to test for
• Understanding exactly what classes are needed
• Developing model views

Lessons Learned

• More elaborate planning would have helped with:
  • Understanding the flow between classes
  • Seeing the utility of an ingredients class
  • More thoughtful TDD

Features

Take 1:

• When entering the site the user is presented with the website
  • From here they can scroll through recipes, view them, filter by type, and search by ingredient.

Take 2:

• When choose a user is utilized, the user can now add a recipe to their favorites.
  • To do this a recipe must be viewed in the modal and the star icon must be clicked
  • Once one or more recipes have been stared, the user can then view them by clicking on the Favorite Recipes button
    • A display of all the favorited recipes will then take the place of the recipes main page
    • To go back to all recipes simply use the filter recipes dropdown and select All Recipes

Take 3:

• When a user is still specified a what to cook option is available to add recipes to cook that week
  • To populate this view, simply open a recipe to add and click the cook icon in the upper left-hand corner.

Take 4:

• Under user still, there is an option to check what items are still needed. This can be accessed by clicking the Your Grocery List button.
  • First groceries must be added by viewing a recipe and clicking the cart icon.
  • After groceries have been added and the Your Grocery List button has been clicked -- a modal will pop up displaying the amount of each ingredient that will need to be purchased in order to cook the meals added.

The details of this project are outlined in this project spec.

Project Manager

• Bob Gu