# Project Overview

Project Name

Track Mac.

Project Description

This project is an app that will generate meal plan according to selected options the user makes. This project was inspired by other diet and meal plan apps.

API and Data Sample

The API i am using is called Spoonacular.com.

Wireframes

https://api.spoonacular.com/mealplanner/generate?apiKey=682df04066714905927b1e93de89eaa9&targetCaleries=3000

{
          "id": 32952,
          "imageType": "jpg",
          "title": "Pesto Pasta with Green Beans and Potatoes",
          "readyInMinutes": 15,
          "servings": 4,
          "sourceUrl": "http://www.myrecipes.com/recipe/pesto-pasta-with-green-beans-potatoes-10000001150886/"
        },
        {
          "id": 185259,
          "imageType": "jpg",
          "title": "Chicken and Biscuits",
          "readyInMinutes": 45,
          "servings": 8,
          "sourceUrl": "http://www.epicurious.com/recipes/food/views/Chicken-and-Biscuits-51149130"
        }

MVP/PostMVP

MVP

• Render food images
• User can select food categories to look at.
• User can create meal plan from meal plan generator button.
• Select calorie count
• Select diet option
• Select serving size
• Meal generator will display food images with nutrition fact along with link toview meal recipes

PostMVP

• Send meal plan to users email.

Priority Matrix

HTML & CSS Layout grid - 3hrs Axios call to APIs and display content -3hrs meal plan generate, calorie and macro tracker - 3hrs create event listeners and drop now menu - 3hrs fix content inside respective sections - 3hrs make page responsive on all device - 3hrs add link to recipes - 3hrs

Component	Priority	Estimated Time	Time Invested	Actual Time
Adding Form	H	3hrs	3hr
Working with API	H	3hrs	4hr
working with Event Listeners and funcitons	H	3hrs	2hr
Style content	H	3hrs	3hr
Build responsive Layout	H	3hrs	1hr
Total	H

Timeframes

Code Snippet

Use this section to include a brief code snippet of functionality that you are proud of and a brief description.

function reverse(string) {
	// here is the code to reverse a string of text
}

Change Log

Use this section to document what changes were made and the reasoning behind those changes.