Skip to content

Bishal-NITS-2003/eatornot

Repository files navigation

🍴 Eat or Not

A modern web application to analyze food items, handle text inputs, voice commands, and images, providing information about whether it's safe to consume them.


📖 Overview

"Eat or Not" is an intuitive and interactive web application where users can:

  • Check food edibility based on their personalized health card.
  • Upload images of food items and get an analysis of their edibility.
  • Input text to search for relevant food-related information.
  • Use voice commands to interact hands-free.
  • Stay updated with the latest food news from a scrollable feed.

This tool is perfect for individuals with dietary restrictions, allergies, or those seeking quick food-related insights!


🖼️ Features

🩺 Personalized Health Card Integration

  • Create a health card listing diseases, allergies, or dietary restrictions.
  • Analyze food items based on your unique health profile.

🖌️ Drag-and-Drop Image Analysis

  • Upload an image of a food item.
  • Real-time preview and processing.
  • Get results with a single click!

🎤 Voice Command Integration

  • Hands-free search using the microphone.
  • Instant, accurate results.

🔎 Advanced Text Search

  • Type queries directly into the input field.
  • Get real-time responses with one click.

📰 Latest Food News

  • Stay informed with trending food news and updates in the integrated news section.

🚀 Getting Started

1️⃣ Installation

Clone the repository:

git clone https://github.com/Bishal-NITS-2003/eatornot.git  

Navigate to the project directory:

cd eatornot  

Install dependencies:

npm install  

2️⃣ Running the App

Start the development server:

npm run dev  

Access the application at:

http://localhost:3000  

🛠️ Technologies Used

  • Next.js - Frontend and Backend framework.
  • Tailwind CSS - For beautiful, responsive design.
  • JavaScript - Core functionality.
  • HTML & CSS - Markup and styling.

Key Components

🩺 Health Card Feature

  • Add and manage diseases, allergies, or dietary restrictions.
  • Analyze food items based on your health card.

📂 Drag-and-Drop Component

  • Upload images with ease.
  • Provides dynamic previews and buttons for actions.

🎤 Voice Command Component

  • Enables voice search functionality.

🔎 Search Input Field

  • Perform quick text-based queries.

📰 Food News Component

  • Displays the latest food updates in a scrollable feed.

🤝 Contributing

We welcome contributions!

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/your-feature-name  
  3. Commit your changes:
    git commit -m "Add your message"  
  4. Push to the branch:
    git push origin feature/your-feature-name  
  5. Create a pull request.

🎉 Acknowledgments

Special thanks to:

  • Libraries like Next.js and Tailwind CSS for making development efficient and fun.
  • Inspiration from food-related APIs and platforms like Clarifai.