Auto-Track is a comprehensive Traffic Management System designed to streamline the process of vehicle monitoring and challan generation using advanced ALPR (Automatic License Plate Recognition) technology.
The project includes a mobile application (for police officers) and a web platform (for both admins and users):
-
Police Mobile Application:
- Officers can scan vehicle number plates to automatically fetch vehicle records from the database and generate online penalty tickets (challans) instantly.
- If the internet is unavailable, officers can manually fill in challan details offline. These tickets will be stored locally and auto-synced with the server once the internet is back.
- The app also features an analytics dashboard showing statistics like total challans issued, penalties collected, and graphical reports.
-
Web Platform:
- Admin Section: Admins can verify police-generated challans, monitor live video feeds of different roads, manage police team members, respond to user queries, and view a detailed analytics dashboard.
- User Section: Users can raise queries regarding challans they have received and track the status of their queries.
The project ensures efficient and transparent traffic management with real-time and offline capabilities.
-
Mobile Application Functionality Demo:
Watch Video Here -
Website Functionality Demo:
Watch Video Here
- Online Challan Generation with real-time database fetch.
- Offline Challan Generation with auto-sync when the internet is available.
- Analytics Dashboard showing total challans, penalties, and performance graphs.
- Admin Dashboard for verifying challans, monitoring live traffic, managing police teams, and handling user queries.
- User Dashboard for raising and tracking challan queries.
| Component | Technology |
|---|---|
| Mobile App | React Native (Expo) |
| Web Frontend | React.js |
| Backend APIs | Django (Python) |
| Database | PostgreSQL |
| Storage | Firebase Storage (Photos) |
Auto-Track/
├── application/
│ ├── frontend/ # React Native app (Expo)
│ └── backend/ # Django server for mobile
├── website/
│ ├── frontend/ # React.js web portal
│ └── backend/ # Django server for web
git clone https://github.com/Kathanpatel403/AutoTrack.git
cd autotrackcd application/frontend
npm install
npm startThis will start the mobile application using Expo.
📢 Note: Make sure you have Expo CLI installed globally:
npm install -g expo-cli
cd ../backend
python -m venv venv
# Activate the virtual environment:
# On Windows:
.\venv\Scripts\activate
# On Mac/Linux:
source venv/bin/activate
pip install -r requirements.txt
python manage.py runserverThe Django server will start locally, typically at http://127.0.0.1:8000/.
cd ../../website/frontend
npm install
npm startThe website frontend will be available at http://localhost:3000/.
cd ../backend
python -m venv venv
# Activate the virtual environment:
# On Windows:
.\venv\Scripts\activate
# On Mac/Linux:
source venv/bin/activate
pip install -r requirements.txt
python manage.py runserverThe Django server for the website will also run locally, usually at http://127.0.0.1:8000/.
- Configure your database settings (PostgreSQL) in Django
settings.py. - Connect Firebase Storage credentials where needed for uploading photos.
- API endpoints should be updated correctly inside both React Native and React projects depending on your local/production server.
- Master branch is the default branch.
- Ensure PostgreSQL server is running before starting the Django backend.
- Install all necessary dependencies using
npm installandpip install. - Keep the virtual environment activated while running Django server.
- For Expo app testing, you can use the Expo Go app on your Android/iOS device.