Image Processing System

This system works with two pictures – a 'before' and an 'after.' Both pictures need to be the same size for the system to do its magic. The backend, powered by OpenCV in Python, analyzes these images and uploads the results to Firebase. The frontend, built with ReactJS, showcases the processed images.

Demo

Check out the live demo (https://ccc-imageproccessing.netlify.app/).

Table of Contents

• Backend Installation
• Frontend Installation
• Usage
• Tech Stack
• Contributing
• License

Backend Installation

Ensure you have Python and the required dependencies installed.

1. Clone the repository:

   git clone [https://github.com/AbdinasirM/ImageProcessingApp.git]

2. Navigate to the backend folder:

   cd backend

3. Install backend dependencies:

   pip install -r requirements.txt

Frontend Installation

1. Navigate to the frontend folder:

   cd frontend

2. Install frontend dependencies:

   npm install

Usage

1. Prepare two images – a 'before' and an 'after,' ensuring they are the same size.

2. Run the backend:

   cd backend
   uvicorn main:app --reload

3. The backend will analyze the images and upload the results to Firebase.

4. Run the frontend:

   cd frontend
   npm run dev

5. Access the frontend at http://localhost:8000 to view the processed images.

Tech Stack

Backend

• Python
• OpenCV
• Firebase

Frontend

• ReactJS