Veuillez utiliser cette adresse pour citer ce document :
http://elartu.tntu.edu.ua/handle/lib/49586
Titre: | Створення інтернет-магазину електроніки з використанням фреймворків React та Express |
Autre(s) titre(s): | Creation of an Electronics Online Store Using the React and Express Frameworks |
Auteur(s): | Роговський, Владислав Вікторович Rohovskyi, Vladyslav Viktorovich |
Affiliation: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
Bibliographic description (Ukraine): | Роговський В. В. Створення інтернет-магазину електроніки з використанням фреймворків React та Express : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. М. Є. Фриз. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 63 с. |
Date de publication: | 28-jui-2025 |
Submitted date: | 14-jui-2025 |
Date of entry: | 5-jui-2025 |
Editeur: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
Country (code): | UA |
Place of the edition/event: | Тернопіль |
Supervisor: | Фриз, Михайло Євгенович Fryz, Mykhailo |
UDC: | 004.42 |
Mots-clés: | 122 веб-застосунок інтернет-магазин e-commerce express.js javascript node.js react rest api web application |
Page range: | 63 |
Résumé: | Кваліфікаційна робота присвячена сучасного веб-застосунку для онлайн продажу товарів електроніки з використанням стеку технологій MERN та дослідженні практичних аспектів його впровадження з метою підвищення зручності для користувачів та ефективності бізнес-процесів.
У першому розділі виконано глибокий аналіз предметної області, проведено огляд існуючих рішень на ринку інтернет-торгівлі електронікою, сформульовано постановку завдання, обґрунтовано вибір архітектури застосунку та обрано технологічний стек для розробки.
Другий розділ присвячено детальному проектуванню структури веб-застосунку. Визначено трирівневу архітектуру системи, розроблено структуру клієнтської та серверної частин, спроектовано базу даних для ефективної взаємодії з даними та забезпечення масштабованості системи.
У третьому розділі детально описано процес реалізації серверної та клієнтської частин веб-застосунку. Зокрема, реалізовано REST API для взаємодії з клієнтом, розроблено сторінки користувацького інтерфейсу з використанням React, впроваджено механізми авторизації та безпеки, налаштовано роботу з базою даних MongoDB.
У четвертому розділі детально проаналізовано питання долікарської допомоги при ураженні електричним струмом та розглянуто вимоги ергономіки до організації робочого місця оператора ПК The qualification work is dedicated to creation a modern web application for online sales of electronic products using the MERN technology stack and to explore practical aspects of its implementation aimed at improving user experience and business efficiency. The first chapter provides an in-depth analysis of the subject area, reviews existing e-commerce solutions on the market, defines the problem statement, and justifies the choice of application architecture and technology stack. The second chapter focuses on designing the structure of the web application. A three-tier architecture is defined. The structure of both the client and server sides is developed, and a database schema is designed to ensure efficient data interaction and scalability. The third chapter describes the implementation process of the server-side and client-side components of the web application. A REST API for client interaction is implemented, user interface pages are developed using React, authentication and security mechanisms are introduced, and integration with the MongoDB database. The fourth chapter comprehensively analyzes issues related to medical assistance in cases of electric shock and the requirements of ergonomics for the organization of the workplace of the PC operator are considered |
Description: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 28.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя |
Content: | ВСТУП 8 РОЗДІЛ 1. ПОСТАНОВКА ЗАВДАННЯ. ФОРМУВАННЯ АРХІТЕКТУРИ ТА ТЕХНОЛОГІЙ РОЗРОБКИ 10 1.1 Аналіз предметної області 10 1.2 Аналіз наявних рішень 11 1.3 Вибір середовища розробки 15 1.4 Вибір технологій розробки 19 1.4.1 Вибір технологій розробки серверної частини 20 1.4.2 Вибір технологій розробки клієнтської частини 21 1.5 Висновок до першого розділу 22 РОЗДІЛ 2. ПЛАНУВАННЯ СТРУКТУРИ ВЕБ-ЗАСТОСУНКУ ДЛЯ ОНЛАЙН ПРОДАЖ ТОВАРІВ ЕЛЕКТРОНІКИ 23 2.1 Встановлення архітектури веб-застосунку 23 2.2 Опис структури веб-застосунку 25 2.2.1 Опис структури клієнтського рівня 25 2.2.2 Опис структури серверного рівня 27 2.3 Проектування бази даних 30 2.4 Висновок до другого розділу 36 РОЗДІЛ 3. РОЗРОБКА ВЕБ-ЗАСТОСУНКУ ДЛЯ ОНЛАЙН ПРОДАЖ ТОВАРІВ ЕЛЕКТРОНІКИ 37 3.1 Розробка серверної частини веб-застосунку 37 3.1.1 Ініціалізація серверної частини проекту 38 3.1.2 Створення серверного файлу 39 3.1.3 Створення бази даних 40 3.1.4 Реалізація кінцевих точок веб-застосунку 40 3.1.5 Реалізація додаткових файлів 43 3.2 Розробка клієнтської частини веб-застосунку 44 3.2.1 Ініціалізація клієнтської частини веб-застосунку 45 3.2.2 Створення сторінок веб-застосунку 46 3.3 Висновок до третього розділу 52 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 54 4.1 Долікарська допомога при ураженні електричним струмом 54 4.2 Вимоги ергономіки до організації робочого місця оператора ПК 56 4.3 Висновок до четвертого розділу 58 ВИСНОВКИ 59 ПЕРЕЛІК ДЖЕРЕЛ 60 ДОДАТКИ |
URI/URL: | http://elartu.tntu.edu.ua/handle/lib/49586 |
Copyright owner: | © Роговський Владислав Вікторович, 2025 |
References (Ukraine): | 1. Чому створення інтернет-магазину це один з кращих методів розширення бізнесу. [Електронний ресурс]. Режим доступу до ресурсу: https://lb.ua/tech/2023/10/23/579979_chomu_stvorennya_internetmagazinu_tse.html (дата звернення: 16.02.2025) 2. Які сторінки мають бути на сайті інтернет-магазину ? [Електронний ресурс]. Режим доступу до ресурсу: https://www.fishdigital.agency/blog-yaki-storinki-mayut-buti-na-sayti-internet-magazinu (дата звернення: 17.02.2025) 3. Інтернет-магазин D.UA. [Електронний ресурс]. Режим доступу до ресурсу: https://d.ua/ (дата звернення: 17.02.2025) 4. Інтернет-магазин Comfy. [Електронний ресурс]. Режим доступу до ресурсу: https://comfy.ua/ (дата звернення: 18.02.2025) 5. Інтернет-магазин Viatec. [Електронний ресурс]. Режим доступу до ресурсу: https://viatec.ua/ (дата звернення: 18.02.2025) 6. Текстовий редактор Atom. [Електронний ресурс]. Режим доступу до ресурсу: https://atom-editor.cc/ (дата звернення: 19.02.2025) 7. Середовище розробки WebStorm. [Електронний ресурс]. Режим доступу до ресурсу: https://www.jetbrains.com/webstorm/ (дата звернення: 20.02.2025) 8. Середовище розробки Visual Studio Code. [Електронний ресурс]. Режим доступу до ресурсу: https://code.visualstudio.com/docs (дата звернення: 20.02.2025) 9. Найкращі IDE та текстові редактори. [Електронний ресурс]. Режим доступу до ресурсу: https://javarush.com/ua/groups/posts/uk.177.naykrajsh-ide-ta-tekstov-redaktori-dlja-frontendnika (дата звернення: 21.02.2025) 10. MERN Stack Explained. [Електронний ресурс]. Режим доступу до ресурсу: https://www.mongodb.com/resources/languages/mern-stack (дата звернення: 22.02.2025) 11. Introduction to Node.js. [Електронний ресурс]. Режим доступу до ресурсу: https://nodejs.org/en/learn/getting-started/introduction-to-nodejs (дата звернення: 22.02.2025) 12. What is MongoDB? [Електронний ресурс]. Режим доступу до ресурсу: https://www.mongodb.com/company/what-is-mongodb (дата звернення: 23.02.2025) 13. What is JavaScript. [Електронний ресурс]. Режим доступу до ресурсу: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript (дата звернення: 23.02.2025) 14. DOM. [Електронний ресурс]. Режим доступу до ресурсу: https://uk.legacy.reactjs.org/docs/react-dom.html (дата звернення: 24.02.2025) 15. Які основні мови програмування використовуються у Front-end розробці? [Електронний ресурс]. Режим доступу до ресурсу: https://optima.study/blog/yaki-osnovni-movy-prohramuvannya-vykorystovuyut-sya-u-front-end-rozrobtsi (дата звернення: 25.02.2025) 16. Client Server Architecture – Detailed Explanation. [Електронний ресурс]. Режим доступу до ресурсу: https://www.interviewbit.com/blog/client-server-architecture/ (дата звернення: 26.02.2025) 17. SWR: React Hooks for Data Fetching. [Електронний ресурс]. Режим доступу до ресурсу: https://swr.vercel.app/ (дата звернення: 29.02.2025) 18. REST API як спосіб спілкування компонент веб-додатків. [Електронний ресурс]. Режим доступу до ресурсу: https://foxminded.ua/shcho-take-rest-api/ (дата звернення: 01.03.2025) 19. Schema Design for MongoDB. [Електронний ресурс]. Режим доступу до ресурсу: https://blog.det.life/the-inheritance-schema-design-pattern-for-mongodb-data-modelling-03540a484a93 (дата звернення: 05.03.2025) 20. Introduction to Yarn. [Електронний ресурс]. Режим доступу до ресурсу: https://yarnpkg.com/getting-started (дата звернення: 09.04.2025) 21. TypeScript – офіційний сайт. [Електронний ресурс]. Режим доступу до ресурсу: https://www.typescriptlang.org/ (дата звернення: 10.04.2025) 22. How works with Mongoose. [Електронний ресурс]. Режим доступу до ресурсу: https://docs.nestjs.com/recipes/mongodb (дата звернення: 11.04.2025) 23. Intro to Express.js: Endpoints, parameters, and routes. [Електронний ресурс]. Режим доступу до ресурсу: https://www.infoworld.com/article/3615615/intro-to-express-js-endpoints-parameters-and-routes.html (дата звернення: 12.04.2025) 24. JSON Web Token (JWT). [Електронний ресурс]. Режим доступу до ресурсу: https://jwt.io/ (дата звернення: 13.04.2025) 25. Хешування паролів: використання солі та bcrypt. [Електронний ресурс]. Режим доступу до ресурсу: https://drukarnia.com.ua/articles/kheshuvannya-paroliv-vikoristannya-soli-ta-bcrypt-fsme- (дата звернення: 13.04.2025) 26. Middleware in Express. [Електронний ресурс]. Режим доступу до ресурсу: https://www.geeksforgeeks.org/middleware-in-express-js/ (дата звернення: 16.04.2025) 27. Vite – офіційний сайт. [Електронний ресурс]. Режим доступу до ресурсу: https://vite.dev/ (дата звернення: 17.04.2025) 28. Роутинг у React. [Електронний ресурс]. Режим доступу до ресурсу: https://blog.ithillel.ua/articles/routing-in-react (дата звернення: 19.04.2025) 29. Fryz M., Scherbak L., Mlynko B., Mykhailovych T. Linear Random Process Model-Based EEG Classification Using Machine Learning Techniques. Proceedings of the 1st International Workshop on Computer Information Technologies in Industry 4.0 (CITI 2023). Ternopil, Ukraine: CEUR Workshop Proceedings, 2023. Vol. 3468. P. 126–132. 30. Бабак В.П., Куц Ю.В., Мислович М.В., Фриз М.Є., Щербак Л.М. Об’єктно-орієнтована ідентифікація стохастичних шумових сигналів. Київ: Наукова думка, 2024. 240 с. https://doi.org/10.15407/978-966-00-1883-9 31. V. Babak, A. Zaporozhets, Y. Kuts, M. Fryz, L. Scherbak. Noise signals: Modelling and Analyses. Cham: Springer Nature Switzerland, 2025. 222 p. DOI: https://doi.org/10.1007/978-3-031-71093- 32. Бабак В. П., Марченко М. Є., Фриз. Б. Г. Теорія ймовірностей, випадкові процеси та математична статистика. К.: Техніка, 2004. 288 с. 33. Перша долікарська допомога. [Електронний ресурс]. Режим доступу до ресурсу: https://www.pharmencyclopedia.com.ua/article/790/persha-dolikarskadopomoga (дата звернення: 10.06.2025) 34. Діагностика та лікування уражень електричним струмом. [Електронний ресурс]. Режим доступу до ресурсу: https://pidru4niki.com/76919/meditsina/diagnostika_likuvannya_urazhennya_elektrichnim_strumom (дата звернення: 11.06.2025) 35. Жидецький В. Ц. Основи охорони праці. / В. Ц. Жидецький, В. С. Джигирей, О. В. Мельников. 2- ге вид. Львів: Афіша, 2000. 348 с. 36. ДСТУ 8604:2015 «Дизайн і ергономіка. Робоче місце під час виконання робіт сидячи» [Електронний ресурс]. Режим доступу до ресурсу: https://zakon.rada.gov.ua/rada/show/va042282-99 (дата звернення: 13.06.2025) 37. ДСанПІН 3.3.2.007-98 «Державні санітарні правила і норми роботи з візуальними дисплейними терміналами електроннообчислювальних машин» [Електронний ресурс]. Режим доступу до ресурсу: https://zakon.rada.gov.ua/rada/show/v0007282-98 (дата звернення: 14.06.2025) |
Content type: | Bachelor Thesis |
Collection(s) : | 122 — Компʼютерні науки (бакалаври) |
Fichier(s) constituant ce document :
Fichier | Description | Taille | Format | |
---|---|---|---|---|
2025_KRB_SN-43_Rohovskyi_VV.pdf | Дипломна робота | 5,84 MB | Adobe PDF | Voir/Ouvrir |
Tous les documents dans DSpace sont protégés par copyright, avec tous droits réservés.
Outils d'administration