This project was generated with Angular CLI version 7.3.9.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
-
shared folder contains utility functions and dummy.json. The dummy json can be replaced / extended with a service in the prod version.
-
A separate variables.scss for colors and fonts.
-
The timeline is set to
overflow-x: autoso it automatically scrolls in the horizontal direction. Works in mobile resolutions as well. Test by resizing browser.
-
The status updates on the timeline are rendered reverse so the latest status appears on the left. The user doesn't need to scroll to the right to know the current status.
-
The timeline automatically adjusts to the number to status updates. Test by adding / removing entries from the
sea_movementsobject in the json.
-
Clicking on
Track Shipmentin the header takes to the tracking page. The route is configured to accept the tracking ID. -
If the shipment ID is not found, an error page is also thrown. Try giving some random number in the url.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.



