About Nutrispark

𝗡𝘂𝘁𝗿𝗶𝘀𝗽𝗮𝗿𝗸 is a user-friendly app that helps you find detailed nutritional information about different foods.

𝗞𝗲𝘆 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀:

-𝐔𝐬𝐞𝐫-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐝 𝐒𝐞𝐥𝐞𝐜𝐭𝐢𝐨𝐧: The main page features a dropdown menu for easy food selection. Users can quickly find and select the food item they are interested in.

-𝐃𝐞𝐭𝐚𝐢𝐥𝐞𝐝 𝐍𝐮𝐭𝐫𝐢𝐭𝐢𝐨𝐧𝐚𝐥 𝐈𝐧𝐟𝐨𝐫𝐦𝐚𝐭𝐢𝐨𝐧: After selecting a food item, users are redirected to a page that displays comprehensive nutritional information per 100 grams. This includes macronutrient breakdown (carbohydrates, protein, fat, fiber, sugar), key vitamins and minerals, and calorie content. A dynamic pie chart visually represents this data.

Screenshots

Preview the Web App :

Live Demo

Setup

Clone

git clone https://github.com/faridmth/nutrispark.git

Install dependencies

npm i

Start the app

npm run dev

After starting the app visit : http://localhost:3000/

Build the app

npm run build

Technologies Used in Nutrispark

• Next.js

• Tailwind CSS

• TypeScript

  component libraries.

  • Shadcn/ui
  • Modern, responsive user interface components
  • Rechart
  • Visual representation of nutritional data

Contact Info :

Linkedin || Twitter