Angular Single Page Web App for Chart Display -- 2

Job ID: 38410856

Budget: €8 – €10 EUR

The task. Create a Single page web application for displaying the list of charts using the latest
features of Angular. Libraries that should be used:
- RxJs;
- Angular Material / Ng Bootstrap / Taiga UI / or others;
- Highcharts;
- NgRx / NgXs / Akita / or others;
- Any other library of your choice.
Details.
The UI must be responsive.
There will be a header with two links to two separated routes. One of them should be active
connected with the current route.
"View mode" is the first route. There will be a list of charts and a date range filter (filtering by
dates). Selected dates should affect charts on the page. Date range filter should be hidden if we
have no charts.
The data for the charts could be either randomly generated or fetched via any public API for one
or for all charts. Each value should have a “value” and “date” fields. The default value for date
range filter you can set by yourself.
"Settings" is the second route. There will be a list of charts. Users should have the possibility to
add a new chart or edit an existing one. Those settings should be implemented with a modal
window. It should be possible to change a name, type (line, spline, area…) and color for each of
them. Also we should have the possibility to remove the chart. After saving, new settings will be
applied.
Related categories: HTML5 HTML Bootstrap RxJS Angular