A website application that utilises Vue.js and the spoonacular API to display nutritional information on selected food. Made as a project for a persoanl portfolio.

Demo

• Search and select from a range of food options provided by Spoonacular API with autocomplete suggestions.
• Reponsive design, allowing for a formatted and easy to use layout on all screen sizes.
• Add, update or delete food entries and get instant nutritional information.
• Select individual food entries to get filtered nutritional information.

• Accesses Spoonacular API for food and nutrition information.
• Uses Vue3.
• Implements Vue.js component stylings.
• Uses icons from Font Awesome.

This project uses the SPoonacular API but is not endorsed or certified by Spoonacular.