1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Utilizza questo identificativo per citare o creare un link a questo documento: http://elartu.tntu.edu.ua/handle/lib/49527
Pealkiri: Розробка веб-платформи для соціальної мережі “Mesh” з використанням технологій React JS, NodeJS i MySQL
Teised pealkirjad: Development of a web platform for the social network “Mesh” using React JS, NodeJS and MySQL technologies
Autor: Горин, Олександр Ігорович
Horyn, Oleksandr Ihorovych
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Горин О. І. Розробка веб-платформи для соціальної мережі “Mesh” з Використанням технологій React JS, NodeJS i MySQL : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Г. В. Шимчук. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 78 с.
Ilmumisaasta: 25-juu-2025
Submitted date: 11-juu-2025
Date of entry: 3-juu-2025
Kirjastaja: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Шимчук, Григорій Валерійович
UDC: 004.04
Märksõnad: 122
вебплатформа
соціальна мережа
соціальне життя
web-application
social network
reactjs
nodejs
mysql
vs code
social life
Page range: 78
Kokkuvõte: Кваліфікаційна робота присвячена дослідженню процесу створення веб-платформи для соціальної мережі “Mesh” з використанням технологій React JS, Node.js та MySQL. Метою є розробка функціонального, безпечного і зручного для користувача веб-додатку. У першому розділі описано сучасні технології розробки веб-застосунків і проведено аналіз аналогічних рішень. Висвітлено переваги використаних інструментів. Розглянуто можливості React, Node.js і MySQL у створенні соціальних платформ. Проаналізовано архітектурні підходи до побудови таких систем. У другому розділі здійснено проектування веб-платформи. Досліджено структуру системи, побудову бази даних та архітектуру взаємодії клієнта з сервером. Подано схеми логіки застосунку та компонування інтерфейсу. У третьому розділі описано реалізацію веб-платформи. Проаналізовано процес створення фронтенду і бекенду. Проведено інтеграцію компонентів та налаштування бази даних
This bachelor’s qualification thesis is devoted to the study of the process of developing a web platform for the social network "Mesh" using modern technologies such as React JS, Node.js, and MySQL. The main goal is to create a functional, secure, and user-friendly web application. The first section describes modern web development technologies and analyzes similar existing solutions. The advantages of the selected tools are highlighted. The capabilities of React, Node.js, and MySQL in building social platforms are considered. Architectural approaches to the development of such systems are analyzed. The second section presents the design of the web platform. The system structure, database design, and the architecture of client-server interaction are examined. Logic flowcharts and interface component structures are provided. The third section outlines the implementation of the web platform. The process of developing the frontend and backend is analyzed. Integration of the system’s components and database configuration is carried out
Kirjeldus: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 25.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя
Content: ВСТУП 9 РОЗДІЛ 1 АНАЛІЗ СУЧАСНИХ ТЕХНОЛОГІЙ ТА АНАЛОГІЧНИХ РІШЕНЬ 11 1.1. Аналіз сучасних веб-технологій для створення соціальних мереж 11 1.2. Огляд існуючих соціальних платформ (Facebook, Twitter, LinkedIn тощо) 12 1.3. Порівняння архітектурних рішень та стеків технологій 13 1.4. Вибір інструментів для розробки (React, Node.js, MySQL): обґрунтування 15 1.5 Висновок до першого розділу 16 РОЗДІЛ 2 ПРОЕКТУВАННЯ ВЕБ-ПЛАТФОРМИ “MESH” 17 2.1. Постановка задачі та функціональні вимоги до системи 17 2.2. Нефункціональні вимоги (продуктивність, масштабованість, безпека) 18 2.3. Архітектура системи (клієнт-серверна модель) 19 2.4. Проектування бази даних (ER-діаграми, структури таблиць) 20 2.5. UX/UI проєктування інтерфейсу користувача 22 2.6 Висновок до другого розділу 23 РОЗДІЛ 3. РЕАЛІЗАЦІЯ ВЕБ-ПЛАТФОРМИ 25 3.1 Реалізація клієнтської частини на React JS 25 3.1.1 Вибір технології React JS 25 3.1.2 Структура клієнтського застосунку 26 3.1.3 Реалізація основних інтерфейсів користувача 27 3.1.4 Навігація та адаптивність дизайну 28 3.2 Реалізація серверної частини на Node.js з використанням Express.js 29 3.2.1 Архітектура серверного застосунку 29 3.2.2 Створення REST API 30 3.2.3 Реалізація основних маршрутів і логіки обробки запитів 32 3.2.4 Взаємодія з клієнтською частиною 33 3.3 Взаємодія з базою даних MySQL 34 3.3.1 Структура бази даних 35 3.3.2 Зв’язки між таблицями 36 3.3.3 Оптимізація запитів та індексація 36 3.4 Забезпечення авторизації, реєстрації та захисту даних 36 3.4.1 Реєстрація та шифрування паролів 37 3.4.2 Авторизація з використанням JWT 38 3.4.3 Захист від типових атак (XSS, CSRF, SQL-інʼєкції) 38 3.4.4 Захист API та приватних маршрутів 39 3.5 Методологія тестування веб-платформи 40 3.5.1 Підходи до тестування: ручне та автоматизоване 40 3.5.2 Інструменти тестування (Postman, Insomnia, React Testing Library) 41 3.6 Висновок до третього розділу 42 РОЗДІЛ 4 БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 44 4.1 Загальгі вимоги безпеки з охорони праці для користувачів ПК 44 4.2 Критичні стани людини 46 ВИСНОВКИ 48 ПЕРЕЛІК ДЖЕРЕЛ 50 ДОДАТКИ
URI: http://elartu.tntu.edu.ua/handle/lib/49527
Copyright owner: © Горин Олександр Ігорович, 2025
References (Ukraine): 1. Banks A., Porcello E. Learning React: Functional Web Development with React and Redux. – 2nd ed. – O’Reilly Media, 2020. – 350 p.
2. Tilkov S., Vinoski S. Node.js: Using JavaScript to Build High-Performance Network Programs // IEEE Internet Computing. – 2010. – № 14(6). – С. 80–83.
3. Murach J. Murach’s MySQL. – Mike Murach & Associates, 2019. – 630 p.
4. Grinberg M. Flask Web Development: Developing Web Applications with Python and Flask. – O’Reilly Media, 2018. – (використовувалось для порівняння бекенд-архітектур).
5. MDN Web Docs. React documentation – https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide – Дата звернення: 10.04.2025.
6. MySQL Documentation. MySQL 8.0 Reference Manual – https://dev.mysql.com/doc/refman/8.0/en/ – Дата звернення: 12.04.2025.
7. JWT.io. Introduction to JSON Web Tokens – https://jwt.io/introduction/ – Дата звернення: 09.04.2025.
8. Leshchyshyn, Y., Scherbak, L., Nazarevych, O., Gotovych, V., Tymkiv, P., & Shymchuk, G. (2019, May). Multicomponent Model of the Heart Rate Variability Change-point. In 2019 IEEE XVth International Conference on the Perspective Technologies and Methods in MEMS Design (MEMSTECH) (pp. 110-113). IEEE.
9. Lytvynenko, I., Lupenko, S., Nazarevych, O., Shymchuk, G., & Hotovych, V. (2021, September). Mathematical model of gas consumption process in the form of cyclic random process. In 2021 IEEE 16th International Conference on Computer Sciences and Information Technologies (CSIT) (Vol. 1, pp. 232-235). IEEE.
10. Kozlovskyi, V., Balanyuk, Y., Martyniuk, H., Nazarevych, O., Scherbak, L., & Shymchuk, G. (2022, April). Information Technology for Estimating City Gas Consumption During the Year. In 2022 International Conference on Smart Information Systems and Technologies (SIST) (pp. 1-4). IEEE.
11. Lytvynenko, I., Lupenko, S., Kunanets, N., Nazarevych, O., Shymchuk, G., & Hotovych, V. (2021, November). Simulation of gas consumption process based on the mathematical model in the form of cyclic random process considering the scale factors. In 1st International Workshop on Information Technologies: Theoretical and Applied Problems, ITTAP 2021.
12. Kunanets, N., Pasichnyk, V., Bodnarchuk, I., Martsenko, S., Matsiuk, O., Matsiuk, A., ... & Shymchuk, H. (2019). Information system for visual analyzer disease diagnostics. In CEUR Workshop Proceedings (pp. 43-56).
13. Lupenko, S., Lytvynenko, I., Nazarevych, O., Shymchuk, G., & Hotovych, V. (2021, December). Approach to gas consumption process forecasting on the basis of a mathematical model in the form of a random cyclic process. In Proceedings of the International Conference „Advanced applied energy and information technologies 2021”, 2021 (pp. 213-219). TNTU, Zhytomyr «Publishing house „Book-Druk “» LLC.
14. Lytvynenko, I., Lupenko, S., Nazarevych, O., Shymchuk, H., & Hotovych, V. (2022). Additive mathematical model of gas consumption process. Вісник Тернопільського національного технічного університету, 104(4), 87-97.
15. Nazarevych, O., Leshchyshyn, Y., Lupenko, S., Hotovych, V., Shymchuk, G., & Shabliy, N. (2020, September). Method of Gas Consumption Change-point Detection Based on Seasonally Multicomponent Model. In 2020 10th International Conference on Advanced Computer Information Technologies (ACIT) (pp. 152-155). IEEE.
16. Palianytsia, Y., Lytvynenko, I., Menoub, A., Shymchuk, H., & Dubchak, A. (2024). Development of an algorithm for identification of damage types on the surface of sheet metal.
17. Nazarevych, O., Gotovych, V., & Shymchuk, G. (2016). Information Technology for Monitoring of Municipal Gas Consumption, Based on Additive Model and Correlated for Weather Factors. Journal of Information and Computing Science, 11(3), 180-187.
18. Shymchuk, G., Lytvynenko, I., Hromyak, R., Lytvynenko, S., & Hotovych, V. (2023). Gas Consumption Forecasting Using Machine Learning Methods and Taking Into Account Climatic Indicators. In CITI (pp. 156-163).
19. Leschyshyn, Y. Z., Nazarevych, O. B., Shymchuk, G. V., Revutskyi, E. A., & Shcherbak, L. M. (2016, September). The Methods of Change Point Detection and Statistical Estimating of Dynamic of the Noise Stochastic Signals Characteristics. In THE SEVENTH WORLD CONGRESS “AVIATION IN THE XXI-st CENTURY” Safety in Aviation and Space Technologies September 19-21, NATIONAL AVIATION UNIVERSITY. Kyiv: NAU.
20. Шимчук, Г. В., Маєвський, О. В., & Назаревич, О. Б. (2016). Конспект лекцій з дисципліни Комп’ютерна графіка для студентів освітнього рівня «бакалавр» спеціальності 125 «Кібербезпека».
21. Шимчук, Г. В., Маєвський, О. В., & Назаревич, О. Б. (2016). Конспект лекцій з дисципліни «Розподілені системи моніторингу та керування».
22. Шимчук, Г. В., Маєвський, О. В., Назаревич, О. Б., & Стадник, М. А. (2016). Конспект лекцій з дисципліни «Грід-системи та технології хмарних обчислень» для студентів освітніх рівнів «спеціаліст»,«магістр» 122 «Комп’ютерні науки та інформаційні технології».
23. Шимчук, Г., Голотенко, О., & Золотий, Р. З. (2022). Основні проблеми та загрози хмарної безпеки. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “Тернопільського національного технічного університету імені Івана Пулюя, 59-60.
24. Шимчук, Г. В., Маєвський, О. В., & Назаревич, О. Б. (2016). Методичні вказівки до самостійної робіти студентів та модульного контролю знань з дисципліни «Розподілені системи моніторингу та керування» для студентів освітнього рівня «бакалавр» спеціальності 125–«Кібербезпека».
25. ШИМЧУК, Г., ШЕВЧЕНКО, Н., ШВИРЛО, К., & ГАРМАТЮК, Н. (2025). СИСТЕМА ВІДНОВЛЕННЯ ДАНИХ У БЕЗДРОТОВИХ СЕНСОРНИХ МЕРЕЖАХ НА ОСНОВІ МАШИННОГО НАВЧАННЯ. Herald of Khmelnytskyi National University. Technical sciences, 353(3.2), 246-250.
26. Mardan A. Express.js Guide: The Comprehensive Book on Express.js. – Leanpub, 2014. – 236 с.
27. Duckett J. JavaScript and JQuery: Interactive Front-End Web Development. – Wiley, 2014. – 640 с.
28. Nielsen J., Loranger H. Prioritizing Web Usability. – New Riders, 2006. – 456 с.
29. Beighley L. Learning MySQL and MariaDB. – O’Reilly Media, 2015. – 608 с.
30. Banks A., Porcello E. Learning React: Modern Patterns for Developing React Apps. – O’Reilly Media, 2020. – 350 с.
31. Cantelon M. Node.js in Action. – Manning Publications, 2017. – 360 с.
32. Freeman E., Robson E. Head First HTML and CSS. – O’Reilly Media, 2012. – 768 с.
33. Flanagan D. JavaScript: The Definitive Guide. – O'Reilly Media, 2020. – 706 с.
Content type: Bachelor Thesis
Asub kollektsiooni(de)s:122 — Компʼютерні науки (бакалаври)

Failid selles objektis:
Fail Kirjeldus SuurusFormaat 
2025_KRB_SN-41_Horyn_OI.pdfДипломна робота1,93 MBAdobe PDFVaata/Ava
Näita täiskirjet Vaata statistikat


Kõik teosed on Dspaces autoriõiguste kaitse all.

Strumenti di amministrazione