1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Denne identifikatoren kan du bruke til å sitere eller lenke til denne innførselen: http://elartu.tntu.edu.ua/handle/lib/49435
Tittel: Розробка інтернет-магазину ”PixelPhone” із застосуванням MERN-стеку
Alternative titler: Development of the "PixelPhone" Online Store Using the MERN Stack
Authors: Назарук, Олександр Юрійович
Nazaruk, Oleksandr Yuriyovych
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Назарук О. Ю. Розробка інтернет-магазину "PixelPhone" із застосуванням MERN-стеку : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Г. Р. Мацюк. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 61 с.
Utgivelsesdato: 23-jun-2025
Submitted date: 9-jun-2025
Date of entry: 3-jul-2025
Forlag: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Country (code): UA
Place of the edition/event: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Supervisor: Мацюк, Галина Ростиславівна
Matsiuk, Halyna
UDC: 004.04
Emneord: 122
автентифікація
контроль доступу на основі ролей (rbac)
інтернет-магазин
mern
react
node.js
mongodb
jwt
authentication
role-based access control (rbac)
rest api
e-commerce store
Page range: 61
Abstrakt: Кваліфікаційна робота присвячена розробці повностекового веб-додатку – інтернет-магазину "PixelPhone" на стеку MERN. В першому розділі кваліфікаційної роботи проведено аналіз предметної області, обґрунтовано вибір технологічного стеку та сформовано детальне технічне завдання на розробку. В другому розділі спроєктовано архітектуру застосунку, включаючи структуру REST API, схеми бази даних MongoDB та компонентну архітектуру клієнтської частини на React. В третьому розділі детально описано процес програмної реалізації серверної та клієнтської частин. Особливу увагу приділено імплементації багаторівневої системи безпеки, що включає хешування паролів, автентифікацію на основі JWT та контроль доступу на основі ролей (RBAC). Також представлено результати функціонального тестування. У розділі «Безпека життєдіяльності, основи охорони праці» проаналізовано умови праці розробника, розглянуто ергономічні вимоги та проведено розрахунок штучного освітлення
The 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 lighting
Beskrivelse: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 23.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя
Content: ВСТУП 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 ДОДАТКИ
URI: http://elartu.tntu.edu.ua/handle/lib/49435
Copyright owner: © Назарук Олександр Юрійович, 2025
References (Ukraine): 1. 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).
2. Leimkuhler C. Why Choose Custom eCommerce Website Development? BigCommerce Blog. 2023. URL: https://www.bigcommerce.com/blog/custom-ecommerce-website-development/ (дата звернення: 22.05.2025).
3. What is the MERN Stack? MongoDB. 2025. URL: https://www.mongodb.com/mern-stack (дата звернення: 02.06.2025).
4. React Documentation. The React Team. 2025. URL: https://react.dev/ (дата звернення: 11.05.2025).
5. About Node.js. OpenJS Foundation. 2025. URL: https://nodejs.org/en/about (дата звернення: 25.05.2025).
6. Express – Node.js web application framework. The Express.js team. 2025. URL: https://expressjs.com/ (дата звернення: 04.06.2025).
7. MongoDB Documentation. MongoDB, Inc. 2025. URL: https://www.mongodb.com/docs/ (дата звернення: 18.05.2025).
8. 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).
9. What is a REST API? Red Hat. 2023. URL: https://www.redhat.com/en/topics/api/what-is-a-rest-api (дата звернення: 09.05.2025).
10. Responsive web design basics. Google Developers. 2024. URL: https://web.dev/learn/design/responsive-design (дата звернення: 16.05.2025).
11. What is a Client-Server Architecture? IBM Technology. 2023. URL: https://www.ibm.com/topics/client-server (дата звернення: 21.05.2025).
12. Hanes D. What is REST? Cloudflare Learning Center. 2024. URL: https://www.cloudflare.com/learning/ddos/what-is-a-rest-api/ (дата звернення: 03.06.2025).
13. Mongoose ODM v8.4.1. MongooseJS. 2025. URL: https://mongoosejs.com/ (дата звернення: 13.05.2025).
14. Data-Model-Design. MongoDB Documentation. 2024. URL: https://www.mongodb.com/docs/manual/core/data-model-design/ (дата звернення: 27.05.2025).
15. Passing Data Deeply with Context. The React Team. 2025. URL: https://react.dev/learn/passing-data-deeply-with-context (дата звернення: 08.05.2025).
16. Wieruch R. React Context API vs Redux. Robin Wieruch's Blog. 2024. URL: https://www.robinwieruch.de/react-context-redux/ (дата звернення: 30.05.2025).
17. React Router Documentation. The React Router Team. 2024. URL: https://reactrouter.com/en/main (дата звернення: 19.05.2025).
18. 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).
19. Create React App Documentation. The create-react-app team. 2023. URL: https://create-react-app.dev/ (дата звернення: 05.06.2025).
20. cors. The ExpressJS team on npm. 2022. URL: https://www.npmjs.com/package/cors (дата звернення: 12.05.2025).
21. bcrypt.js. The bcrypt.js team on npm. 2024. URL: https://www.npmjs.com/package/bcrypt.js (дата звернення: 28.05.2025).
22. JSON Web Tokens. Auth0. 2025. URL: https://jwt.io/ (дата звернення: 17.05.2025).
23. passport-jwt. The passport-jwt team on npm. 2023. URL: https://www.npmjs.com/package/passport-jwt (дата звернення: 20.05.2025).
24. 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).
25. jwt-decode. The jwt-decode team on npm. 2024. URL: https://www.npmjs.com/package/jwt-decode (дата звернення: 26.05.2025).
26. What is Black Box Testing? Example & Types. Guru99. 2024. URL: https://www.guru99.com/black-box-testing.html (дата звернення: 10.05.2025).
27. Про охорону праці : Закон України від 14.10.1992 р. № 2694-XII. URL: https://zakon.rada.gov.ua/laws/show/2694-12 (дата звернення: 23.05.2025).
28. Державні санітарні правила і норми роботи з візуальними дисплейними терміналами (ВДТ) електронно-обчислювальних машин : ДСанПін 3.3.2.007-98. URL: https://dnaop.com/html/2297/doc- ДСанПіН_3.3.2.007-98 (дата звернення: 15.05.2025).
29. Природне і штучне освітлення : ДБН В.2.5-28:2018. URL: https://dbn.co.ua/load/normativy/dbn/1-1-0-1284 (дата звернення: 31.05.2025).
30. Computer Vision Syndrome. American Optometric Association. 2024. URL: https://www.aoa.org/healthy-eyes/eye-and-vision-conditions/computer-vision-syndrome (дата звернення: 09.05.2025).
31. 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).
32. Гандзюк М. П., Желібо Є. П., Халімовський М. О. Основи охорони праці : підручник. Київ : Каравела, 2007. 392 с.
33. Гурик О. Я., Окіпний І. Б. (укладачі). Методичні вказівки для написання розділу „Безпека життєдіяльності, основи охорони праці” в кваліфікаційних роботах здобувачів освітнього ступеня «бакалавр». Тернопіль : ТНТУ, 2021. 36 с.
34. 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.
35. Барабах, Р. Т., Дуда, О. М., Дуда, Х. О., Кунанець, Н. Е., Машіка, Г. В., & Пасічник, С. О. (2024). Побудова туристичних інтернет-порталів з інтуїтивно зрозумілими інтерфейсами. Scientific Bulletin of UNFU, 34(1), 67-77.
36. 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).
37. Пасічник, С., Мага, А., Кунанець, Н., Лозицький, О., Петрушина, Б., & Дуда, О. (2024). Проектування інтерфейсів інформаційної системи «розумне домогосподарство» з використанням методу персон. Вісник національного університету «Львівська політехніка» серія Інформаційні системи та мережі.
38. Лучкевич, М., Шаклеіна, І., & Дуда, О. М. (2025). Вплив сучасних хмарних технологій на ефективність DevOps-процесів. Вісник Тернопільського національного технічного університету, 117(1), 112-122.
Content type: Bachelor Thesis
Vises i samlingene:122 — Компʼютерні науки (бакалаври)

Tilhørende filer:
Fil Beskrivelse StørrelseFormat 
2025_KRB_SNs-42_Nazaruk_OU.pdfДипломна робота1,39 MBAdobe PDFVis/Åpne
Vis fullstendig innførsel


Alle innførsler i DSpace er beskyttet av copyright

Administrasjonsverktøy