Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
http://elartu.tntu.edu.ua/handle/lib/49141
Назва: | Розробка інтернет-магазину комп’ютерної техніки «MOYO» з використанням технологій Node Js та React |
Інші назви: | Development of the online computer equipment store "MOYO" using Node Js and React technologies |
Автори: | Свіченюк, Андрій Михайлович Svichenyuk, Andriy |
Приналежність: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра програмної інженерії, м. Тернопіль, Україна |
Бібліографічний опис: | Свіченюк А.М. Розробка інтернет-магазину комп’ютерної техніки «MOYO» з використанням технологій Node Js та React: кваліфікаційна робота бакалавра за спеціальністю 121 «Інженерія програмного забезпечення» / наук. кер. О. А. Пастух – Тернопільський національний технічний університет імені Івана Пулюя – Тернопіль, ТНТУ, 2025. – 57 с. |
Дата публікації: | чер-2025 |
Дата подання: | 5-чер-2025 |
Дата внесення: | 1-лип-2025 |
Видавництво: | ТНТУ ім. І. Пулюя |
Країна (код): | UA |
Місце видання, проведення: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
Науковий керівник: | Пастух, Олег Анатолійович |
Члени комітету: | Приймак, Микола Володимирович |
УДК: | 004.9 |
Теми: | комп’ютерна техніка інтернет магазин база даних html js react nodejs mongodb express замовлення реєстрація computer hardware online store database |
Кількість сторінок: | 57 |
Короткий огляд (реферат): | Кваліфікаційна робота присвячена створенню інтернет-магазину комп’ютерної техніки “MOYO” із застосуванням сучасних вебтехнологій React на стороні клієнта та Node.js на стороні сервера. Основна мета – створити ефективну, швидку та зручну онлайн-платформу для торгівлі комп’ютерною технікою. Метою роботи є розробка інтернет-магазину, що забезпечує інтуїтивно зрозумілий інтерфейс, швидкий доступ до каталогу товарів і можливість оформлення замовлень. В роботі використано компонентний підхід, клієнт-серверну архітектуру, REST API, об'єктно-документне моделювання бази даних. Клієнтська частина реалізована на React з використанням Redux Toolkit, Серверна частина – на Node.js + Express, для бази даних було обрано MongoDB, також реалізовано авторизацію з JWT, валідацію форм, обробку кошика, сортування товарів та оформлення замовлень. Розроблену систему можна розгорнути як у навчальному, так і у комерційному середовищі з мінімальними витратами на адаптацію. Результатом роботи став успішно реалізовано онлайн-магазин з базовими функціональними модулями. Проведено тестування та налагодження основних процесів користувача. Використання такого вебзастосунку сприяє цифровізації бізнесу, оптимізації торгових процесів, підвищенню доступності техніки для користувачів, а також розширенню ринку збуту. У роботі розглянуто вимоги до організації безпечного робочого місця, регламентовані перерви для зменшення навантаження. В подальшому можливе розширення функціоналу проєкту: інтеграція платіжних систем, логістичних служб, впровадження особистого кабінету, аналітики, відгуків, адаптації під мобільні платформи. The thesis is devoted to the development of the “MOYO” computer-hardware online store using modern web technologies: React on the client side and Node.js on the server side. The main objective is to create an efficient, fast and user-friendly e-commerce platform for selling computer equipment. The system provides an intuitive interface, quick access to the product catalogue and a convenient order-placement process. A component approach, client–server architecture, RESTful API and object-document data modelling were applied. The frontend is implemented in React with Redux Toolkit; the backend uses Node.js with Express; MongoDB is chosen as the database. The project includes JWT-based authentication, form validation, shopping-cart handling, product sorting and order processing. The solution can be deployed both for educational purposes and in a commercial environment with minimal adaptation costs. The result is a fully operating online store equipped with core functional modules. Testing confirmed correct operation of the main user scenarios. The proposed web application supports business digitalisation, streamlines trading processes, increases product availability for customers and broadens market reach. The paper examines the requirements for organizing a safe workplace, regulated breaks to reduce strain. Future enhancements may include integration of payment gateways, logistics services, personal accounts, analytics, customer reviews and mobile-platform adaptation. |
Зміст: | АНОТАЦІЯ ..................................................................................................................... 4 ABSTRACT ................................................................................................................ 6 ВСТУП ............................................................................................................................. 9 1 ПОСТАНОВКА ЗАДАЧІ РОЗРОБКИ ІНТЕРНЕТ-МАГАЗИНУ.............................11 1.1 Аналіз предметної області …………………………………………………………11 1.2 Формування вимог розробки ………………………………………………………12 1.3 Опис ключових варіантів використання …………………………………………..13 1.4 Вибір технологічного стеку розробки ……………………………………………..16 1.5 Обґрунтування використовуваних технологій розробки …………………………18 2 ПРОЄКТУВАННЯ ТА РЕАЛІЗАЦІЯ ІНТЕРНЕТ-МАГАЗИНУ …………………21 2.1 Опис розробки інтернет-магазину ……………………………...…………………..21 2.2 База даних …………………………………………………………………………….30 2.3 Тестування інтернет-магазину ……………………………………………………...33 3 БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ ТА ОСНОВИ ОХОРОНИ ПРАЦІ ........................40 3.1 Управління та нагляд за безпекою життєдіяльності в Україні ................................40 3.2 Заходи, що забезпечують безпечні умови роботи ……………………………....... 42 ВИСНОВКИ .................................................................................................................. 44 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ..................................................................... 45 ДОДАТКИ ..................................................................................................................... 47 Додаток А Структура проєкту та її компоненти ....................................................... 48 Додаток Б Лістинг коду веб-застосунку ………….................................................... 49 Додаток В Диск із кваліфікаційною роботою бакалавра.......................................... 57 |
URI (Уніфікований ідентифікатор ресурсу): | http://elartu.tntu.edu.ua/handle/lib/49141 |
Власник авторського права: | © Свіченюк Андрій Михайлович, 2025 |
Перелік літератури: | 1. Кашалов Н. В. Сучасні тенденції при розробці інформаційних веб-сайтів з використанням сучасних технологій / Н. В. Кашалов // Збірник тез доповідей Ⅶ Міжнародної науково-технічної конференції молодих учених та студентів „Актуальні задачі сучасних технологій“, 28-29 листопада 2018 року. – Т. : ТНТУ, 2018. – Том 2. – С.68. 2. Як побудувати структуру сайту [Електронний ресурс] – режим доступу: https://sendpulse.ua/blog/website-structure-with-examples 3. Use cases. Як покращити взаємодію користувача з системою [Електронний ресурс] – режим доступу: https://cases.media/en/article/use-cases-yak-pokrashiti-vzayemodiyu-koristuvacha-z-sistemoyu?srsltid=AfmBOorvpJO4n6d01HyhBgPs2oVzZ9ltL5eHEw4xu6Sym9Ec80NJlIGh 4. React.js – Official Website [Електронний ресурс] – режим доступу: https://react.dev/ 5. Що таке React JS і для чого він потрібен [Електронний ресурс] – режим доступу: https://dan-it.com.ua/uk/blog/chto-takoe-react-js-i-dlja-chego-on-nuzhen/ 6. Node.js – Official Website [Електронний ресурс] – режим доступу: https://nodejs.org/en/ 7. Express.js – Official website [Електронний ресурс] – режим доступу: https://expressjs.com/ 8. Вербіцький І. Розробка SPA-застосунків на MERN-стек / Вербіцький І. // Ⅵ Міжнародна студентська науково-технічна конференція „Природничі та гуманітарні науки. Актуальні питання“, 27-28 квітня 2023. — Т. : ТНТУ, 2023. — С. 118–119. — (Інформаційні технології). 9. MongoDB – Official website [Електронний ресурс] – режим доступу: https://www.mongodb.com/ 10. Як тестувати веб-сайт: основні етапи і поради [Електронний ресурс] – режим доступу: https://brainlab.com.ua/uk/blog-uk/yak-testuvati-veb-sayt-osnovn-etapi-poradi 11. Гурик О. До питання безпеки життєдіяльності / О. Гурик, О. Король, В. Сенчишин // Матеріали ⅩⅪ наукової конференції ТНТУ ім. І. Пулюя, 16-17 травня 2019 року. — Т. : ТНТУ, 2019. — С. 99. — (Матеріалознавство, міцність матеріалів і конструкцій, будівництво). 12. Кодекс цивільного захисту України: Закон України від 02.10.2012 № 5403-VI // Відомості Верховної Ради України. — 2013. — № 34-35. — Ст. 458. 13. Конспект лекцій з курсу «Охорона праці в галузі» / Укладачі: Яскілка В.Я., Олійник М.З. – Тернопіль: Вид-во ТНТУ імені Івана Пулюя, 2016. – 56 с. |
Тип вмісту: | Bachelor Thesis |
Розташовується у зібраннях: | 121 — Інженерія програмного забезпечення (бакалаври) |
Файли цього матеріалу:
Файл | Опис | Розмір | Формат | |
---|---|---|---|---|
dyplom_Svichenyuk_2025.pdf | 1,34 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора