The Supply Chain Truck Tracking Mobile Webpage is a tool designed to provide real-time visibility into the location and status of trucks transporting goods within a supply chain network to a distribution center or store location. This information is crucial for supply chain managers to make informed decisions about yard operations and distribution centers for scheduling deliveries, unloading & yard time optimization.
Traditional methods of truck tracking, such as phone calls and email updates, are inefficient and time-consuming. They often provide outdated information and lack real-time visibility into the movement of goods.
The Supply Chain Truck Tracking Mobile Webpage provides a centralized platform for managing and tracking truck movements. It utilizes HTML5 Geolocation technology to provide real-time updates on truck locations, allowing users to monitor their progress and identify any potential delays or exceptions.
- User Credentials / login for tracking drivers
- Search for the destination Warehouse
- Track Truck Location
- Generate ETA to destination
- Interactive map with truck location markers
- Single Route visualization
- Admin section for searching for completed deliveries
- [] Mock Data w/ management
You will need a number of Google Cloud services:
- Identity Platform
- Firestore
- Secrets Manager
- GMP Javascript API
- GMP Routes API - Directions & Distance Matrix
- GMP Places Autocomplete API
For Production
- Cloud Build
- Cloud Deploy
- Artifact Registry
- Cloud Run
- Create a new Google Cloud Project and enable the above APIs
- In Identity Platform, add the Email / Passsword provider
- Take note of the Application Setup details (apiKey and AuthDomain)
- Create a couple of users, one user must have the prefix admin_ in order to get access to the admin page
- Create a firestore (default) database
- From the Firebase console grab the apiKey, App ID, authDomain, Firebase Service Account)
- Create a Google Maps API Key that is restrictred the above GMP APIs. Take note of the API Key
- In Google Maps Console, create a new map in Map Styles and create a new map ID. Take note of the map ID
- In Secrets Manager, you need to create the following secrets:
- FIREBASE_API_KEY
- FIREBASE_APP_ID
- FIREBASE_AUTH_DOMAINS
- FIREBASE_SA
- MAPS_API_KEY
- MAPS_MAP_ID
- Make sure you have NPM and Node installed in your local environment
- Run
npm i
- Rename the sample environment file
mv .env.sample .env.local
- Edit the .env.local file to match your environment
- Run
npm run dev
- Run
gcloud builds submit --project PROJECT_ID --region REGION --substitutions=_LOCATION=REGION,_REPOSITORY=ARTIFACT_REGISTRY_NAME
. * Change RROJECT_ID, REGION and ARTIFACT_REGISTRY_NAME to match your environment.