What's Cookin is an app that populates a page with recipe thumbnails. Users are able to click a recipe and view the instructions, ingredients, and the total cost of the ingredients. The user is able favorite recipes and click the Favorites button to see only the recipes they favorited. Users are able to look up recipes by name and by tags. Users can also select from any currency to update the cost of each ingredient and the total.

• JavaScript
• HTML
• CSS
• Micromodal
• WAVE/Lighthouse
• Webpack
• Mocha
• Chai

To clone a copy of the project to a remote repository, follow these steps:

1. Clone down a local copy of the repository.
2. cd into the repository.
3. Run npm install.
4. Open the project in your preferred text editor.
5. To host the page on your local server run npm start.

Completed as part of the Turing School of Software Development 2211 FE Mod 2 curriculum

Approximate hours to completion: 24

Jason Kirchman

Kara Anderson

Katherine Blaine

Kirk Hauck

• Implement ES6 classes that communicate to each other as needed
• Use object and array prototype methods to perform data manipulation
• Create a user interface that is easy to use and clearly displays information.
• Write modular, reusable code that follows SRP (Single - Responsibility Principle)
• Implement a robust testing suite using TDD
• Make network requests to retrieve data

Win:

Implemented Test-Driven Development, resulting in a much smoother data model to DOM integration.

Win:

Using the GitHub Project Board to organize our team and plan our project.

Win:

Utilized and passed WAVE and Lighthouse to evaluate accessibility.

Challenge:

Learning how to use Promises and Promise.all to bundle our fetches and manage asynchronous JavaScript.

Challenge:

Implementing Micromodal, specifically learning which parts of the code were necessary and which were optional.

Challenge:

Learning how to delegate tasks for duo and solo work without creating merge conflicts.