This component is used in my single page product seller site that I made a video on recently. After updating the tracking number on an order, the user can visit their order link to see the status of their package.
Package tracking component:
- takes a UPS tracking number as a parameter
- Sends it to RocketShipIt via a NextJS api route
- gets a response
- builds an animating google map that places an advanced marker on all the locations given by the api
- builds a status bar showing the current status of the package (in transit, out for delivery, etc)
- builds a shipping history showing in text form the times, status and location of the package
Built using React, NextJS, RocketShipIt API, Google Maps API, MongoDB, Tailwind and Typescript
