The "What's Cookin" site is perfect for cooking enthusiasts and those that are cooking curious. It is a website that uses hosted datasets to allow a randomized user to scroll through a list of recipes. The user can "Favorite" them, add them to a list of "Recipes to cook", review their ingredients and instructions, review a recipe's cost, or search recipes by names and tags.
At that time a user will be able to:
- Click the link to be taken to the live site.
- See recipe cards populate on the home screen.
- Click on the "Details" button on any recipe card to see instructions, ingredients, and cost.
- Click the "Cook" button to add a recipe to a section that saves recipes to cook.
- Click the "favorite" button to add a recipe to a section that saves favorite recipes.
- Search for specific recipes, in the search field at the top of each page, by tags, ingredient name, or recipe name.
Additional enhancements could include:
- Determine what ingredients are needed based on what ingredients a user has in their pantry.
- Calculate the amount of specific ingredients a user would need to buy.
- Calculate the total average cost of a grocery list, based on the ingredients needed.
- A feature for users to be able to add reviews to each recipe.
- A feature for users to email recipes to themselves or a friend.
- Personalized user accounts, so that a user could return again and again and view their selections.
- JavaScript
- Git & GitHub
- Mocha & Chai
- Local Server
- Webpack
- APIs