This Project is made as a part of internship project evaluation for Web Development role for IISC Banglore, India.

You Tube | Video ( Click Here )

Develop a web-based application that enables users to upload transportation-related images (such as traffic camera images) and perform object detection on those images.

Traffic Vision is a full-stack web application that takes an image input, sends it to the backend via HTTP request. The Flask backend processes the image, identifies objects (specifically cars, trucks, and buses), counts them if already present, then sends the final image to the frontend for display.

• This app is not Dockerize due to my system incompatibility.

• Python(3.11+)
• Modules Used for Python: flask,cv2 ,flask_cors, ultralytics, collections.
• Nodejs (21.1.0+)

https://github.com/abhyuday1212/CiSTUP-IISC-WebDevelopment.git

 cd backend

• Run the backend flask server.

 python backend.py

  cd frontend

  npm install

• If any ERR ocured in terminal, then use this command and reinstall the dependencies using this line

  npm i --force

  npm start

To run this project, you don't need to create any .env file explicitly.

Client: React , TailwindCSS ,Material UI .

Server: Flask (Python) .

Libraries used: OpenCV, numpy, Yolo

For support, email me on - Abhyuday Pratap singh : [email protected]