AI vs. Real Image Detection : TroothView

This project is a web application that allows users to upload images to determine if they are AI-generated or real. The application utilizes a Gradio model for predictions and visualizes the results using a doughnut chart.

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• How to Run
• Error Handling
• Contributing
• License

Features

• Drag-and-drop image upload functionality.
• Preview of the uploaded image.
• Displays prediction results (FAKE or REAL).
• Visual representation of confidence levels using a doughnut chart.
• Error handling for a smooth user experience.

Technologies Used

• React: JavaScript library for building user interfaces.
• Framer Motion: Animation library for React.
• Chart.js: Library for creating beautiful charts.
• Gradio: Framework for building machine learning demos.
• Tailwind CSS: Utility-first CSS framework for styling.

Installation

To get started with the project, clone the repository and install the necessary dependencies:

git clone hhttps://github.com/selvin-paul-raj/TroothView.git
cd client
npm install
npm run dev

Usage

1. Upload Image: Drag and drop an image or click to browse files.
2. View Prediction: Click the "Upload" button to see if the image is AI-generated or real.
3. Results Visualization: The confidence levels will be displayed in a doughnut chart.