Detectify: Object Detection Web Application

This project is a web-based object detection system that allows users to upload images, detect objects, and label them. The application consists of a frontend and backend.

Features

• User-friendly web interface for uploading images.
• Object detection using a backend model.
• Real-time labeling of detected objects.
• Local server setup for frontend and backend execution.

Technologies Used

• Backend: Flask
• Frontend: HTML, CSS, JavaScript
• Object Detection: YOLOv8, Roboflow Workflow

Installation & Setup

Prerequisites

Ensure you have the following installed:

• Python (>=3.x)
• Flask (for the backend)
• Any required dependencies (install using requirements.txt)

Clone the Repository

git clone https://github.com/Kali414/xAGI_project.git

Running the Application

1. Start the Backend

1. Navigate to the backend directory:

   cd backend

2. Install required dependencies:

   pip install -r requirements.txt

3. Run the backend server:

   python app.py

4. The backend will start and run on http://127.0.0.1:5000/

2. Start the Frontend

1. Open a new terminal and navigate to the frontend directory:

   cd frontend

2. Start a local server:

   python -m http.server 8000

3. Open a browser and go to:

   http://localhost:8000
   

Usage

1. Upload an image using the web interface.
2. The backend processes the image and returns detected objects with labels.
3. Results are displayed on the webpage.

File Structure

object-detection-project/
│── backend/
│   ├── app.py
│   ├── .env
│   ├── requirements.txt
│
│── frontend/
│   ├── home.html

Contributing

Feel free to fork this repository and contribute improvements!

License

This project is licensed under the MIT License.