Conversational Image Recognition Chatbot

It's a chatbot that can see and talk! 👀💬

Simple Breakdown

• What is it? → A smart chatbot that understands both text and images.
• What does it do? → You upload an image, and it recognizes objects inside it. Then, you can ask questions about the image, and it replies correctly.
• Why is it special? → Most chatbots just talk, but this one can see, understand, and answer about images too!

Features

• Upload an image and receive an AI-powered response.
• Ask text-based questions about the uploaded image.
• Supports PNG, JPEG, JPG, and WEBP formats.
• Uses Google Gemini API for image recognition.
• User-friendly chat interface with Tailwind CSS.

How to Use

1. Upload an image using the Upload Image button.
2. Type your question in the input field.
3. Click Send, and the chatbot will analyze and respond.
4. View AI-generated responses based on your image and text.

Tech Stack

• Frontend: Next.js, TypeScript, Tailwind CSS
• Backend: API integration with Google Gemini
• UI Components: Shadcn/ui, Lucide-react icons

Installation

# Clone the repository
git clone https://github.com/sandip4518/Conversational_Image_Recognition_Chatbot.git

# Navigate to the project folder
cd chatbot

# Install dependencies
npm install

# Start the development server
npm run dev