User Interface Specification Document
●Angular 11.0.5 ●NGRX data state managment ●PWA ●Socket.io ●Node.js (Express)
You are required to develop a Progressive Web Application (WPA), for a fictitious Car management application. The application allows a luxury car brand owner to track real-time his/her movements, or play-back older trips.
The application must pertain to the following functional requirements:
● Playback a mobility track in GeoJSON format (available here) that simulates the movement of a car in Cyprus. This track contains points that indicate the precise location of a car at various points in time.
● A back-end service is responsible for handling the playback. This service should introduce a randomized time delay between location points. The delay bounds should be configurable.
● Locations should be streamed to the client via Websockets.
● The front-end should be able to render on-map the streamed data points in real time.
● The front-end should have two components ○ A map ○ A list that records rendered points in chronological order and allows you to selectively navigate them.
● The front-end should handle back-end disconnections, and allow the user to navigate the historic data points seamlessly.