Welcome to NutriSmart, the innovative app designed to revolutionize your meal planning and nutritional tracking. Powered by Edamam's robust APIs, NutriSmart offers a comprehensive suite of tools to cater to your dietary needs and culinary curiosities.
- Discover Recipes: Explore a vast collection of recipes with our easy-to-use search feature. Just type in the ingredients you have at hand, nutriSmart has you covered.
- Nutritional Information: Each recipe comes with detailed nutritional information. Stay informed about what you eat with data on calories, macronutrients, vitamins, and more.
- Analyse Custom Ingredients: Curious about the nutritional value of your home-cooked meals? Enter your ingredients, and our app will provide a comprehensive breakdown of the meal's nutritional content.
- Make Healthier Choices: Use this feature to tweak your recipes for better health. Substitute ingredients and see how it impacts the overall nutritional value of your dish.
- Personalised Cookbook: Easily save your favourite recipes for quick access. Whether it's a family classic or a new find, keep all your beloved recipes at your fingertips.
- Customise Your Collection: Organise your saved recipes into categories, making meal planning and grocery shopping a breeze.
- Node.js
To view the code files, you can Git Clone by following the instructions below:
- Clone the repository:
git clone https://github.com/willmowlam/nutriSmartApp.git - Navigate to the project directory:
cd nutriSmartApp - Start the development server:
npm run dev - Open your browser to
http://localhost:3000
The development server includes live reload, so changes to files will automatically refresh the browser.
You can access the live URL here: https://willmowlam.github.io/nutriSmartApp/
Once the webpage link is opened, it should look something like this:
- JavaScript
- jQuery
- HTML5
- CSS3
- Bootstrap
- The application primarily uses JavaScript for its functionality.
- Fetch API is employed to make requests to the Edamam APIs.
- Edamam's Recipe Search API
- Edamam's Nutritional Analysis API
- Local storage is used to store recent search data and favourite recipes.
- Bootstrap is utilised for styling and layout purposes.
-
The nutritional card table inspired by CodePen: [https://codepen.io/chriscoyier/pen/ApavyZ]
-
Background image from Unsplash. Creator's name Hermes Rivera: [https://unsplash.com/photos/vegetable-dish-in-white-ceramic-bowl-Ww8eQWjMJWk]
-
README template inspired by ChatGPT, an AI language model developed by OpenAI. (Note: portions of this README were generated with assistance from ChatGPT.)
MIT License
Copyright (c) [2024] [Jenny Siu, Will Mowlam & Grace Emah]
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Feel free to reach out if you have any questions or feedback.