Designed and developed responsive currency exchange rate app with charts using JavaScript, CSS3, and HTML5. JavaScript Keywords: modules, Fetch API and Async programming. The Object-oriented programming version of the application uses Classes, Getters/Setters, private fields. The dynamics of official currency exchange rates over the year are implemented using interactive charts from the data visualization library Chart.js. CSS Keywords: Flexbox, Media queries, Responsive design, Mobile first approach, CSS variables and @font-face.

JavaScript code:

App with OOP:
App without OOP :

Конвертер валют &
динамика курса за год

Fetching data from the server...

No response from FXRatesAPI server....
Old exchange rates loaded

Annual currency rates