A web application that detects and tracks vehicles in images and videos using machine learning.
- Upload images/videos for vehicle detection
- Count vehicles in media
- Extract vehicle numbers using OCR
- Real-time processing feedback
- Download processed results
- React 18
- TypeScript
- Vite
- Styled Components
- Flask
- OpenCV
- TensorFlow
- Python-OCR
traffic-tracking-system/
├── frontend/ # React + TypeScript frontend
│ ├── src/
│ │ ├── components/ # React components
│ │ ├── services/ # API integration
│ │ ├── styles/ # Global styles
│ │ └── types/ # TypeScript definitions
│ └── ...
├── backend/ # Flask backend
│ ├── api/ # API endpoints
│ ├── models/ # ML model interfaces
│ └── utils/ # Helper functions
└── models/ # ML model weights
cd frontend
npm install
npm run dev
cd backend
python -m venv venv
venv\Scripts\activate
pip install -r requirements.txt
python app.py
- Frontend runs on http://localhost:5173
- Backend runs on http://localhost:5000
Access the application in your web browser. Use the upload form to select an image from your local machine. The application will process the image and display both the original and the processed image with detected objects highlighted. Additional Notes:
You can stop the containers using docker-compose down. To detach from the running containers and keep them running in the background, use docker-compose up -d. Dockerfile and docker-compose.yml:
The project includes separate Dockerfiles for the frontend and backend, along with a docker-compose.yml file that specifies the environment and services. These files define how the application is packaged and run within Docker containers.
This project provides a foundation for building a web application with object detection capabilities.
MIT License