emmaxshen commented 1 year ago

Requirements

[x] 1 pt: Incorporate feedback on plan
Mr. Mort: "Use cases/sample screens don't instruct me what to pick"
Use of ChatGPT
[x] 1 pt: Proof of setting goals & making plans w/pair
[x] 1 pt: Technical progression (data, input, output, input impact output, JavaScript)
[x] 1 pt: Softs skills/Presentation (review ticket on Time Box) - 3 minutes
[x] 1 pt: Demo of hacks (JS Itunes API, JS Input, JS Output w/jquery, combine concepts into smth unique)

emmaxshen commented 1 year ago

Pair Showcase JavaScript Plan

Athlete Appetite is a website for busy athletes to quickly determine what nutritious meal they should make next. Considering the individual's desired cuisine, personal diet, and time available to make food, we provide personalized recommendations to satisfy their hunger. A picture of their potential meal, equipment, ingredients, and nutrition details will all be outputted for full transparency and easy access!
A fun feature we want to add is after completing a meal, users have the option to share their experience whether through a rating / comment / picture of their finished product!

Many student athletes, including Luna and I, find it really hard to make time in our schedule to plan and make food that we know is beneficial to our body and mind. We have heard many of our peers complain about being malnourished and not having the motivation to start up cooking/baking, so we want to try to provide a super simple and easy to use tool that can help get them started.
Adding the social aspect where users can share their meal with others and comment encouraging positive words we hope will be able to create a welcoming community of athletes who prioritize their nutrition well-being!
[x] JS Itunes API (data)

cuisine
diet
equipment
ingredients
type(ex. main course)
ready time
nutrition details: protein, carbs, fat, alcohol, caffeine, saturated fat, vitamins, iron, folic acid, sugar)
[x] JS Input

Input: 1) Drop down menu ==> Choose if want breakfast, lunch, dinner, or dessert food 2) Short-answer box ==> Time available to make food

Output: 1) Picture of the food 2) Nutrition information about food (Calories, protein, fat, etc) 3) Ingredients + Recipe

lunaiwa commented 1 year ago

emmaxshen commented 1 year ago

Use of ChatGPT to help debugging:
Debugging in flask ==> vague "internal server error" ==> Flask debug mode very useful in clearly pinpointing error: app.debug = True
Showed me "KeyError: 'text'" error
Error in py file ""AttributeError: 'str' object has no attribute 'json'""
Before: joke_response = str(requests.request("GET", url + random_joke, headers=headers)) Here, requests.request() returns HTTP response object, but I'm immediately converting it to a string using str(). This string conversion removes the response object's ability to use the .json() methods bc strings do not have a .json() method.
After: To be able to parse JSON from response, remove str() conversion & work with response object directly

Inspect to see console message that can't access css file
Be careful about file paths ==> moved css files to css folder & html files to template folder, need to adjust file paths for href for all
For some reason frontend wasn't able to fetch Api data again

emmaxshen commented 1 year ago

Looping through Spoonacular food recipe database to get title, image, and summary + Appending to table

Account for certain cases: clearing the table so the user can search for other types of meals

Using console.log to debug / understand how to fetch certain elements of API (Example of when useful below - realized that index number kept changing)