Describe the bug
There are unstable padding behaviours on mobile phone screens.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Mobile'
2. Click on amount and enter an amount then select currency and counter currency then press convert button
3. See the unstable paddings around the result texts.

Expected behavior
There should be same paddings between elements and components.

Desktop (please complete the following information):

• OS: iOS and Windows
• Browser: Chrome
• Version: 74

Smartphone (please complete the following information):

• Device: iPhone 6s
• OS: iOS
• Browser: Chrome
• Version: 74

Additional context

Describe the solution you'd like
Update Angular with the instructions from https://update.angular.io/#7.0:8.0

It would be good to make users feel in a native mobile app while scrolling long contents.

Is your feature request related to a problem? Please describe.
For future coverage report integration with the minimum amount of 80% of code coverage, unit tests needs to be integrated to all of the components and services.

Is your feature request related to a problem? Please describe.
When running on mobile, app always shows installation banner.

Describe the solution you'd like
Arrange the UI to make proper checks and change banner to button offer.

Describe the bug
Only typing the currency code results in an undefined fromControl element, which stops the conversion action.

To Reproduce
Steps to reproduce the behavior:

1. enter amount value,
2. enter from currency value (without selecting)
3. enter to currency value (without selecting)
4. See error in console

Screenshots

Describe the bug
Because https://currencyexchange.work is served under HTTPS encryption, and the API that we are using is not supporting HTTPS encryption, we can't see the response because of the security reasons in the browsers.

Additional context
We need to investigate and find a preferably free HTTPS encrypted API endpoint provider to fix that problem.

On currency selection input there is already a typeahead but it would be perfect if user press Enter key to choose upmost currency sign.

Describe the bug
Date range integration has problems when the year changes.
Also, there is a problem with month changes. The actual range is not showing correctly for different months.

Decimal numbers are being calculated wrong.

Describe the bug
When using the app on mobile as a tab in browser or as a PWA, there are some problems which make the app look like unusable.

To Reproduce
Use it on mobile.

Expected behavior
UI should not be on top of each other.

Smartphone (please complete the following information):

• Device: iPhone 6s
• OS: 13.3.1
• Browser: Safari, Chrome, Brave

Describe the solution you'd like
Update Angular to v9 with dependecies that used in the app.

There is an unstable behaviour when the user selects time interval if there are differences between months and years. The code needs to be refactored to check all of the possible scenarios of that.
To simulate this behaviour, the developer can modify the Local Storage exchangeRates object with custom dates.

Describe the bug
The mobile horizontal view is buggy.

To Reproduce
Steps to reproduce the behavior:

1. Open the app on your mobile phone.
2. Hold your phone horizontally.
3. You'll see the problematic UI.

Expected behavior
There should be a user-friendly UI implementation. Reasonable gaps alongside eye-catching UI element positions.
Within the visible area of the screen, the user needs to do the main currency conversion without scrolling.

Screenshots

Describe the bug
Follow the steps in exchangeratesapi.io and integrate a new API call to the app.

Is your feature request related to a problem? Please describe.
Integration of suitable code coverage for unit tests with minimum 80% of codes needs to be covered.

Releasing a PWA version will help people to add it as a native app to their mobile home screen.

Modify performance budgets for the app production bundle, remove polyfill support for the old browsers, add build optimizer support.

Is your feature request related to a problem? Please describe.
Nei

Describe the solution you'd like
NGXS

Describe alternatives you've considered
NGRX