Nutri is a web application built using the famous and well-known JavaScript library React. This app displays the nutrition present in food or vegetable, and due to the use of React, the user interface is smooth, providing a user-friendly experience. You can add the amount or weight of food or vegetable eg: 1kg tomato and it will display the nutrition amount according to the weight. Please check the feature section below for more information.

• Feature 1: Seach bar

  • You can search any food or vegetable item and it will display the enterd item if it is present in the database.

• Feature 2: Saved Items

  • You can save the item you have searched by clicking the save Item button and you can check it by clicking the Saved Items buttom at the top.

• Feature 3: My Dishes

  • You can create your own dishes using the items saved in the Saved Items.
  • You can give name of the dishe and add what ever items needed from the items displayed.
  • After Clicking the save button the dishe will be saved in My Dishes with total nutrition in it.

• JavaScript
• React
• Frontend-tools: React Router Dom, Sass
• Backend: LocalStorage(Browser)
• API: ESHA Nutrition.

• Home Page:

• Search Bar:

• Saved Items:

• My dishes:

• Create Dishe:

This project is licensed under the MIT License.

• [Pavan] - [[email protected]]
• LinkedIn

#React#ReactRouterDom#Sass 🚀