Name of Web Application: NutriValue
Randy Jess Valerie Andrew Skyler
-
The URL of the deployed application: https://azuryte5.github.io/Nutrition-Sustenance-Value/
-
The URL of the GitHub repository: https://github.com/azuryte5/Nutrition-Sustenance-Value
As an individual interested in healthy eating with a busy lifestyle,
I want an app that generates recipes that are convenient to make with what is available in the fridge while still having a balanced meal.
The app should be quick to make, twenty minutes or less and made from ten ingredients are less.
In case there is missing ingredients, the app should redirect to the nearest grocery.
The app is inclusive of all various types of cuisines.
When the list of recipes load, an image will appear on the app so I can get an idea of what I am making.
So that I can reduce food waste, while avoiding unhealthy fast food chains and acquiring all essential nutrients for my body.
The function of the app:
When I enter the website I am presented with a front page describing the purpose of the application.
The header has an option that will link to the "How it Works" section that explains how to use the application.
There is a "Click Here" button that will navigate me to another page that will allow me to add my current ingredients to the list to generate a recipe.
Before generating, I can select various options to restrict certain types of recipes to meet my diet restrictions.
The submit button will generate three receipes that will include an image of the recipes, list of ingredients and nutrition information.
In the event that I am missing some ingredients, the website will present me with a section to add my address information to locate me to the nearest grocery.
Technologies use:
1. HTML
2. CSS
3. Bulma.io
4. JavaScript
5. jQuery
5. https://developer.edamam.com/ - API service for recipes and nutritions
6. https://docs.mapbox.com/mapbox-gl-js/guides/install/#quickstart - API service for map
7. Chosen -jquery dropdown plugin
Image of mock-up:
