seilcho7 / nutrac

front end group project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nu.Trac Project

Image description

Antonio Garcia, Seil Cho, Ashish Garg

Technologies Used: HTML5, CSS3, Javascript, 3 APIs (Spoonacular, NutritionIX, Zomato), Amazon Web Services (AWS)

User is given an option to choose a meal and diet. When selected, the User will then click Trac button and it will call the Spoonacular API which will randomly generate a recipe that fulfills the meal and diet selected.

The recipe name, image, ingredients, as well as instructions are displayed to the user. The User then has the buttons Nut, Restaurant, Not.

When the user selects Nut, it displays the nutritional value of the recipe by calling the NutritionIX API.

When the user selects Not, it calls the Spoonacular API and generates a new recipe with the same meal/diet choices.

When the user selects Restaurant, it asks the user for their location, uses the coordinates for the Zomato API and displays the 10 nearest restauratnts with names, address, rating, as well as two icons that link to the photos and menu items. (Note: The same button is next to Trac as well).

Live website: http://nutrac.seilcho7.dev

About

front end group project


Languages

Language:JavaScript 62.7%Language:CSS 23.4%Language:HTML 14.0%