1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Použijte tento identifikátor k citaci nebo jako odkaz na tento záznam: http://elartu.tntu.edu.ua/handle/lib/49435
Full metadata record
DC poleHodnotaJazyk
dc.contributor.advisorМацюк, Галина Ростиславівна-
dc.contributor.advisorMatsiuk, Halyna-
dc.contributor.authorНазарук, Олександр Юрійович-
dc.contributor.authorNazaruk, Oleksandr Yuriyovych-
dc.date.accessioned2025-07-03T07:14:22Z-
dc.date.available2025-07-03T07:14:22Z-
dc.date.issued2025-06-23-
dc.date.submitted2025-06-09-
dc.identifier.citationНазарук О. Ю. Розробка інтернет-магазину "PixelPhone" із застосуванням MERN-стеку : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Г. Р. Мацюк. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 61 с.uk_UA
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/49435-
dc.descriptionРоботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 23.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюяuk_UA
dc.description.abstractКваліфікаційна робота присвячена розробці повностекового веб-додатку – інтернет-магазину "PixelPhone" на стеку MERN. В першому розділі кваліфікаційної роботи проведено аналіз предметної області, обґрунтовано вибір технологічного стеку та сформовано детальне технічне завдання на розробку. В другому розділі спроєктовано архітектуру застосунку, включаючи структуру REST API, схеми бази даних MongoDB та компонентну архітектуру клієнтської частини на React. В третьому розділі детально описано процес програмної реалізації серверної та клієнтської частин. Особливу увагу приділено імплементації багаторівневої системи безпеки, що включає хешування паролів, автентифікацію на основі JWT та контроль доступу на основі ролей (RBAC). Також представлено результати функціонального тестування. У розділі «Безпека життєдіяльності, основи охорони праці» проаналізовано умови праці розробника, розглянуто ергономічні вимоги та проведено розрахунок штучного освітленняuk_UA
dc.description.abstractThe qualification thesis is dedicated to the development of a full-stack web application – the "PixelPhone" e-commerce store on the MERN stack. The first chapter provides an analysis of the subject area, justifies the choice of the technology stack, and formulates a detailed technical specification for the development. The second chapter outlines the application's architecture, including the REST API structure, MongoDB database schemas, and the component architecture of the React client-side. The third chapter details the process of software implementation of both server and client sides. Special attention is paid to the implementation of a multi-layered security system, which includes password hashing, JWT-based authentication, and Role-Based Access Control. The results of functional testing are also presented. The "Life Safety and Labor Protection" chapter analyzes the working conditions of a developer, reviews ergonomic requirements, and includes a calculation of artificial lightinguk_UA
dc.description.tableofcontentsВСТУП 9 РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ТА ПОСТАНОВКА РОЗРОБКИ ІНТЕРНЕТ МАГАЗИНУ З MERN-СТЕК 11 1.1 Огляд сучасних платформ електронної комерції 11 1.2 Обґрунтування вибору стеку технологій MERN 14 1.3 Постановка завдання на розробку інтернет-магазину "PixelPhone". 16 1.4 Висновок до першого розділу 21 РОЗДІЛ 2. ПРОЄКТУВАННЯ ІНТЕРНЕТ-МАГАЗИНУ "PIXELPHONE" 22 2.1 Проєктування архітектури вебзастосунку 22 2.2 Проєктування бази даних у середовищі MongoDB 24 2.3 Проєктування клієнтської частини на React 27 2.4 Висновок до другого розділу 29 РОЗДІЛ 3. ПРОГРАМНА РЕАЛІЗАЦІЯ ТА ТЕСТУВАННЯ ІНТЕРНЕТ- МАГАЗИНУ "PIXELPHONE" 31 3.1 Налаштування середовища розробки та інструментарій 31 3.2 Розробка серверної частини (Backend) на Node.js та Express.js 32 3.3 Розробка клієнтської частини (Frontend) на React 36 3.4 Реалізація системи безпеки та контролю доступу (RBAC) 40 3.5 Тестування розробленого застосунку 44 3.6 Висновок до третього розділу 47 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ…………49 4.1 Аналіз умов праці розробника в рамках проєкту "PixelPhone" 49 4.2 Вимоги ергономіки до організації робочого місця оператора ПК 51 4.3 Розрахунок штучного освітлення для робочого місця розробника 53 4.4 Висновок до четвертого розділу 55 ВИСНОВКИ 56 ПЕРЕЛІК ДЖЕРЕЛ 58 ДОДАТКИuk_UA
dc.format.extent61-
dc.language.isoukuk_UA
dc.publisherТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Українаuk_UA
dc.subject122uk_UA
dc.subjectавтентифікаціяuk_UA
dc.subjectконтроль доступу на основі ролей (rbac)uk_UA
dc.subjectінтернет-магазинuk_UA
dc.subjectmernuk_UA
dc.subjectreactuk_UA
dc.subjectnode.jsuk_UA
dc.subjectmongodbuk_UA
dc.subjectjwtuk_UA
dc.subjectauthenticationuk_UA
dc.subjectrole-based access control (rbac)uk_UA
dc.subjectrest apiuk_UA
dc.subjecte-commerce storeuk_UA
dc.titleРозробка інтернет-магазину ”PixelPhone” із застосуванням MERN-стекуuk_UA
dc.title.alternativeDevelopment of the "PixelPhone" Online Store Using the MERN Stackuk_UA
dc.typeBachelor Thesisuk_UA
dc.rights.holder© Назарук Олександр Юрійович, 2025uk_UA
dc.coverage.placenameТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Українаuk_UA
dc.subject.udc004.04uk_UA
dc.relation.references1. Kinstler K. Shopify Vs. WooCommerce: Which Is Better For Your Business? Forbes Advisor. 2024. URL: https://www.forbes.com/advisor/business/software/woocommerce-vs-shopify/ (дата звернення: 14.05.2025).uk_UA
dc.relation.references2. Leimkuhler C. Why Choose Custom eCommerce Website Development? BigCommerce Blog. 2023. URL: https://www.bigcommerce.com/blog/custom-ecommerce-website-development/ (дата звернення: 22.05.2025).uk_UA
dc.relation.references3. What is the MERN Stack? MongoDB. 2025. URL: https://www.mongodb.com/mern-stack (дата звернення: 02.06.2025).uk_UA
dc.relation.references4. React Documentation. The React Team. 2025. URL: https://react.dev/ (дата звернення: 11.05.2025).uk_UA
dc.relation.references5. About Node.js. OpenJS Foundation. 2025. URL: https://nodejs.org/en/about (дата звернення: 25.05.2025).uk_UA
dc.relation.references6. Express – Node.js web application framework. The Express.js team. 2025. URL: https://expressjs.com/ (дата звернення: 04.06.2025).uk_UA
dc.relation.references7. MongoDB Documentation. MongoDB, Inc. 2025. URL: https://www.mongodb.com/docs/ (дата звернення: 18.05.2025).uk_UA
dc.relation.references8. What is MERN Stack? Learn All About MERN Stack. Simplilearn. 2024. URL: https://www.simplilearn.com/tutorials/mongodb-tutorial/what-is-mern-stack (дата звернення: 29.05.2025).uk_UA
dc.relation.references9. What is a REST API? Red Hat. 2023. URL: https://www.redhat.com/en/topics/api/what-is-a-rest-api (дата звернення: 09.05.2025).uk_UA
dc.relation.references10. Responsive web design basics. Google Developers. 2024. URL: https://web.dev/learn/design/responsive-design (дата звернення: 16.05.2025).uk_UA
dc.relation.references11. What is a Client-Server Architecture? IBM Technology. 2023. URL: https://www.ibm.com/topics/client-server (дата звернення: 21.05.2025).uk_UA
dc.relation.references12. Hanes D. What is REST? Cloudflare Learning Center. 2024. URL: https://www.cloudflare.com/learning/ddos/what-is-a-rest-api/ (дата звернення: 03.06.2025).uk_UA
dc.relation.references13. Mongoose ODM v8.4.1. MongooseJS. 2025. URL: https://mongoosejs.com/ (дата звернення: 13.05.2025).uk_UA
dc.relation.references14. Data-Model-Design. MongoDB Documentation. 2024. URL: https://www.mongodb.com/docs/manual/core/data-model-design/ (дата звернення: 27.05.2025).uk_UA
dc.relation.references15. Passing Data Deeply with Context. The React Team. 2025. URL: https://react.dev/learn/passing-data-deeply-with-context (дата звернення: 08.05.2025).uk_UA
dc.relation.references16. Wieruch R. React Context API vs Redux. Robin Wieruch's Blog. 2024. URL: https://www.robinwieruch.de/react-context-redux/ (дата звернення: 30.05.2025).uk_UA
dc.relation.references17. React Router Documentation. The React Router Team. 2024. URL: https://reactrouter.com/en/main (дата звернення: 19.05.2025).uk_UA
dc.relation.references18. Petch S. Secure and Protected Routes with React Router V6. Medium. 2023. URL: https://medium.com/@s.petch.dev/secure-and-protected-routes-with-react-router-v6-4e173e673410 (дата звернення: 24.05.2025).uk_UA
dc.relation.references19. Create React App Documentation. The create-react-app team. 2023. URL: https://create-react-app.dev/ (дата звернення: 05.06.2025).uk_UA
dc.relation.references20. cors. The ExpressJS team on npm. 2022. URL: https://www.npmjs.com/package/cors (дата звернення: 12.05.2025).uk_UA
dc.relation.references21. bcrypt.js. The bcrypt.js team on npm. 2024. URL: https://www.npmjs.com/package/bcrypt.js (дата звернення: 28.05.2025).uk_UA
dc.relation.references22. JSON Web Tokens. Auth0. 2025. URL: https://jwt.io/ (дата звернення: 17.05.2025).uk_UA
dc.relation.references23. passport-jwt. The passport-jwt team on npm. 2023. URL: https://www.npmjs.com/package/passport-jwt (дата звернення: 20.05.2025).uk_UA
dc.relation.references24. Preet S. How To Handle JWT in React. Medium. 2023. URL: https://medium.com/@preetsinghmusic/how-to-handle-jwt-in-react-47a7c642646 (дата звернення: 01.06.2025).uk_UA
dc.relation.references25. jwt-decode. The jwt-decode team on npm. 2024. URL: https://www.npmjs.com/package/jwt-decode (дата звернення: 26.05.2025).uk_UA
dc.relation.references26. What is Black Box Testing? Example & Types. Guru99. 2024. URL: https://www.guru99.com/black-box-testing.html (дата звернення: 10.05.2025).uk_UA
dc.relation.references27. Про охорону праці : Закон України від 14.10.1992 р. № 2694-XII. URL: https://zakon.rada.gov.ua/laws/show/2694-12 (дата звернення: 23.05.2025).uk_UA
dc.relation.references28. Державні санітарні правила і норми роботи з візуальними дисплейними терміналами (ВДТ) електронно-обчислювальних машин : ДСанПін 3.3.2.007-98. URL: https://dnaop.com/html/2297/doc- ДСанПіН_3.3.2.007-98 (дата звернення: 15.05.2025).uk_UA
dc.relation.references29. Природне і штучне освітлення : ДБН В.2.5-28:2018. URL: https://dbn.co.ua/load/normativy/dbn/1-1-0-1284 (дата звернення: 31.05.2025).uk_UA
dc.relation.references30. Computer Vision Syndrome. American Optometric Association. 2024. URL: https://www.aoa.org/healthy-eyes/eye-and-vision-conditions/computer-vision-syndrome (дата звернення: 09.05.2025).uk_UA
dc.relation.references31. Mental health at work. World Health Organization. 2022. URL: https://www.who.int/news-room/fact-sheets/detail/mental-health-at-work (дата звернення: 20.05.2025).uk_UA
dc.relation.references32. Гандзюк М. П., Желібо Є. П., Халімовський М. О. Основи охорони праці : підручник. Київ : Каравела, 2007. 392 с.uk_UA
dc.relation.references33. Гурик О. Я., Окіпний І. Б. (укладачі). Методичні вказівки для написання розділу „Безпека життєдіяльності, основи охорони праці” в кваліфікаційних роботах здобувачів освітнього ступеня «бакалавр». Тернопіль : ТНТУ, 2021. 36 с.uk_UA
dc.relation.references34. Duda, O., Martsenko, S., Matsiuk, O., Kunanets, N., & Pasichnyk, V. (2020). Building secure Urban information systems based on IoT technologies. CEUR Workshop Proceedings, 317-328.uk_UA
dc.relation.references35. Барабах, Р. Т., Дуда, О. М., Дуда, Х. О., Кунанець, Н. Е., Машіка, Г. В., & Пасічник, С. О. (2024). Побудова туристичних інтернет-порталів з інтуїтивно зрозумілими інтерфейсами. Scientific Bulletin of UNFU, 34(1), 67-77.uk_UA
dc.relation.references36. Kunanets, N., Zhovnir, Y., Burov, Y., Duda, O., & Pasichnyk, V. (2025). DESIGNING THE STRUCTURE AND ARCHITECTURE OF SITUATION- AWARE SECURITY INFORMATION SYSTEMS FOR RESIDENTIAL COMPLEXES. Eastern-European Journal of Enterprise Technologies, 133(9).uk_UA
dc.relation.references37. Пасічник, С., Мага, А., Кунанець, Н., Лозицький, О., Петрушина, Б., & Дуда, О. (2024). Проектування інтерфейсів інформаційної системи «розумне домогосподарство» з використанням методу персон. Вісник національного університету «Львівська політехніка» серія Інформаційні системи та мережі.uk_UA
dc.relation.references38. Лучкевич, М., Шаклеіна, І., & Дуда, О. М. (2025). Вплив сучасних хмарних технологій на ефективність DevOps-процесів. Вісник Тернопільського національного технічного університету, 117(1), 112-122.uk_UA
dc.contributor.affiliationТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Українаuk_UA
dc.coverage.countryUAuk_UA
Vyskytuje se v kolekcích:122 — Компʼютерні науки (бакалаври)

Soubory připojené k záznamu:
Soubor Popis VelikostFormát 
2025_KRB_SNs-42_Nazaruk_OU.pdfДипломна робота1,39 MBAdobe PDFZobrazit/otevřít
Zobrazit minimální záznam Zobrazit statistiky


Všechny záznamy v DSpace jsou chráněny autorskými právy, všechna práva vyhrazena.

Nástroje administrátora