| dc.relation.references | ми даних застосовано асинхронні HTTP-запити через Fetch API. Головна сторінка вебзастосунку відображає агреговану інформацію щодо популярних криптовалют, курсів валют НБУ та інвестиційних металів. Дані автоматично оновлюються через визначений інтервал часу, що забезпечує актуальність відображених показників. Рисунок 1 – Головна сторінка вебзастосунку Для криптовалютного ринку джерелом даних виступає Binance REST API. У застосунку реалізовано отримання 24-годинних тикерів, відображення поточної ціни, зміни за добу, максимального та мінімального значення, а також обсягу торгів. Сторінка ринку криптовалют містить таблицю торгових пар із можливістю пошуку, сортування, пагінації та додавання активів до списку обраних. Рисунок 2 – Сторінка ринку криптовалют Для кожного фінансового активу реалізовано сторінку детального перегляду. Вона містить поточну ціну, відсоткову зміну, максимальне та мінімальне значення за період, обсяг торгів і інтерактивний графік. Користувач може змінювати часовий інтервал графіка, після чого система виконує повторний запит до API та оновлює дані без перезавантаження сторінки. Рисунок 3 – Сторінка детальної інформації про актив Для відображення курсів фіатних валют використовується API Національного банку України. Отримані дані надходять у форматі JSON, після чого нормалізуються та перетворюються у внутрішню структуру застосунку. Для кожної валюти відображається код, назва, курс до гривні, дата оновлення та відсоткова зміна відносно попереднього опитування. Рисунок 4 – Сторінка курсів валют НБУ Окремий модуль застосунку призначений для моніторингу вартості дорогоцінних металів, зокрема золота та срібла. Дані також отримуються через сервіс НБУ та відображаються у вигляді інформаційних карток із поточними значеннями, відсотковою зміною та міні-графіками динаміки. Це дозволяє об’єднати у межах одного інтерфейсу декілька типів фінансових активів. Рисунок 5 – Сторінка моніторингу дорогоцінних металів Модуль авторизації забезпечує вхід користувача, створення облікового запису, збереження стану сесії у локальному сховищі браузера та захист функціональних маршрутів. У разі некоректного введення даних система відображає повідомлення про помилку та не дозволяє перейти до основної частини застосунку до виправлення введених значень. У процесі розробки також реалізовано механізми обробки помилок мережі, перевірки коректності відповідей API, нормалізації числових значень, побудови часових рядів для графіків і скасування запитів за допомогою AbortController. Це забезпечує стабільність роботи інтерфейсу під час швидкої навігації між сторінками або оновлення даних. Тестування вебзастосунку проводилося у сучасних браузерах Google Chrome, Mozilla Firefox та Microsoft Edge. Було перевірено роботу авторизації, отримання даних із Binance API та API НБУ, побудову графіків, пошук і сортування активів, збереження списку обраних, адаптивність інтерфейсу та обробку помилкових сценаріїв. Результати тестування підтвердили стабільну роботу основних функціональних модулів. Висновки У результаті виконання роботи було розроблено вебзастосунок для відстеження фінансових ринків, який забезпечує отримання, обробку та візуалізацію актуальних даних щодо валютних курсів, криптовалют і дорогоцінних металів у режимі, наближеному до реального часу. Розроблена система дозволяє користувачу переглядати поточні значення фінансових інструментів, аналізувати динаміку змін, працювати з деталізованими сторінками активів та використовувати механізм авторизації для персоналізованого доступу. У роботі реалізовано модулі отримання фінансових даних через зовнішні API, обробки та нормалізації отриманої інформації, побудови графіків, авторизації користувачів і графічного інтерфейсу. Використання React, TypeScript, Vite, Fetch API, Binance API та API Національного банку України дозволило створити гнучке й масштабоване програмне рішення. Проведене тестування підтвердило коректність роботи основних функцій вебзастосунку, стабільність обробки асинхронних запитів, правильність відображення фінансових показників і зручність взаємодії користувача із системою. Розроблений вебзастосунок може бути використаний як інформаційний інструмент для моніторингу фінансових ринків, а також як основа для подальшого розширення функціональності. СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ | uk |
| dc.relation.references | Arvind Narayanan, Joseph Bonneau, Edward Felten, Andrew Miller, Steven Goldfeder. Bitcoin and Cryptocurrency Technologies: A Comprehensive Introduction. Princeton: Princeton University Press, 2020. 336 с. Geewax J. J. API Design Patterns. Shelter Island: Manning Publications, 2021. 424 с. CoinMarketCap : вебсайт. URL: https://coinmarketcap.com/ (дата звернення: 24.02.2026). Binance. Офіційний вебсайт : вебсайт. URL: https://www.binance.com/ (дата звернення: 24.02.2026). Google Finance : вебсайт. URL: https://www.google.com/finance (дата звернення: 24.02.2026). Investing.com : вебсайт. URL: https://www.investing.com/ (дата звернення: 24.02.2026). React. Офіційна документація : вебсайт. URL: https://react.dev/ (дата звернення: 24.02.2026). Національний банк України. Офіційні курси валют (NBUStatService) : вебсайт. URL: https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange?json (дата звернення: 24.02.2026). | en |
