Ezzel az azonosítóval hivatkozhat erre a dokumentumra forrásmegjelölésben vagy hiperhivatkozás esetén:
http://elartu.tntu.edu.ua/handle/lib/53682| Title: | Розробка вебсайту магазину косметики «BeautyUp» |
| Other Titles: | Development of the "BeautyUp" cosmetics store website |
| Authors: | Головняк, Софія Русланівна Holovniak, Sofiia |
| Affiliation: | ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя" |
| Bibliographic reference (2015): | Головняк С.Р. Розробка вебсайту магазину косметики «BeautyUp»: кваліфікаційна робота на здобуття освітньо-професійного ступеня фаховий молодший бакалавр за спеціальністю «123 – Комп’ютерна інженерія». Тернопіль: ВСП «ТФК ТНТУ», 2026. 149 с. |
| Issue Date: | júl-2026 |
| Date of entry: | 23-júl-2026 |
| Publisher: | ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя |
| Country (code): | UA |
| Place of the edition/event: | Тернопіль |
| Supervisor: | Лісовий, Володимир Миколайович Lisovyi, Volodymyr |
| Committee members: | Козбур, Ігор Романович Kozbur, Ihor |
| Keywords: | вебсайт website інтернет-магазин e-commerce mern-стек mern stack react node.js mongodb tailwind css stripe api render |
| Page range: | 149 |
| Abstract: | Мета роботи - розробка вебсайту для магазину косметики «BeautyUp».
Пояснювальна записка складається з п’яти розділів.
В першому розділі виконано аналітичний огляд існуючих рішень та обґрунтовано вибір технологій повного стеку розробки. Описано призначення даної розробки, вимоги до програмного, апаратного забезпечення та ведення документації та технічне завдання.
В другому розділі міститься опис архітектури сайту, методи побудови клієнтської та серверної частин з використанням вибраних мов програмування, компонентів, сервісів, бази даних, а також логіку розробки проєкту.
В третьому розділі описано процедури по встановленню програмного забезпечення, розгортанню хмарної платформи та його налаштуванню. Також описано конфігурування процесів автоматичного оновлення сайту, супровід та інструкцію з експлуатації веб-додатку.
В двох наступних розділах розраховано вартість розроблюваного сайту, а також описано техніку безпеки, ергономічні та гігієнічні вимоги під час виконання даного проекту. The purpose of the work is to develop a website for the "BeautyUp" cosmetics store. The explanatory note consists of five chapters. The first chapter provides an analytical review of existing solutions and justifies the choice of full-stack development technologies. It describes the purpose of this development, requirements for software, hardware, documentation management, and the technical specification. The second chapter contains a description of the website architecture, methods for building the client and server sides using the selected programming languages, components, services, and database, as well as the project development logic. The third chapter describes the procedures for software installation, cloud platform deployment, and configuration. It also covers the configuration of automatic website update processes, maintenance, and the web application user manual. The next two chapters calculate the cost of the developed website and describe safety techniques, ergonomic, and hygienic requirements during the execution of this project. |
| Content: | Вступ 5 1 Загальний розділ 6 1.1 Аналітичний огляд існуючих рішень 11 1.2 Технічне завдання 13 1.2.1 Найменування та область застосування 13 1.2.2 Призначення розробки 14 1.2.3 Вимоги до програмного забезпечення 15 1.2.4 Вимоги до програмної документації 16 1.2.5 Техніко-економічні показники 18 1.2.6 Стадії та етапи розробки 19 1.2.7 Порядок тестування та прийому 20 2 Розробка технічного та робочого проєкту 22 2.1 Розробка структури сайту і веб-сторінок 22 2.2 Створення та верстка сторінок сайту 26 2.3 Розробка структури бази даних сайту 30 2.4 Програмування сайту 35 2.4.1 Написання клієнтської частини 35 2.4.2 Написання серверної частини 52 2.5 Тестування вебсайту 58 3 Спеціальний розділ 62 3.1 Інструкція з розміщення сайту в Інтернеті 62 3.2 Інструкція з обслуговування та наповнення сайту 64 3.3 Інструкція з популяризації та підтримки сайту 65 4 Економічний розділ 67 4.1 Визначення стадій технологічного процесу та загальної тривалості проведення НДР 67 4.2 Визначення витрат на оплату праці та відрахувань на соціальні заходи 68 4.3 Розрахунок матеріальних витрат 70 4.4 Розрахунок витрат на електроенергію 71 4.5 Визначення транспортних затрат 71 4.6 Розрахунок суми амортизаційних відрахувань 72 4.7 Обчислення накладних витрат 72 4.8 Складання кошторису витрат та визначення собівартості НДР 73 4.9 Розрахунок ціни НДР 73 4.10 Визначення економічної ефективності і терміну окупності капітальних вкладень 74 5 Охорона праці та безпека життєдіяльності 76 5.1 Управління режимами праці та відпочинку для зниження психоемоційного напруження ІТ-фахівців 76 5.2 Профілактика зорової втоми та normalізація освітлення при тривалій роботі з відеодисплеями 78 5.3 Ергономічне проєктування робочого простору розробника інтерфейсу вебсайту “BeautyUp” 80 Висновки 82 Перелік посилань 83 Додатки 86 Додаток А – Лістинг файлу src/main.jsx 86 Додаток Б – Лістинг компонента 87 Додаток В – Лістинг компоненту 90 Додаток Г – Лістинг компоненту 94 Додаток Д – Лістинг компоненту 98 Додаток Е – Лістинг компоненту 105 Додаток Є – Лістинг компоненту 108 Додаток Ж – Лістинг компоненту 110 Додаток З – Лістинг компоненту 114 Додаток И – Лістинг компоненту 118 Додаток І – Лістинг компоненту 123 Додаток Ї – Лістинг компоненту 129 Додаток Й – Лістинг файлу server.js 136 Додаток К – Лістинг файлу auth.route.js 139 Додаток Л – Лістинг файлу product.route.js 140 Додаток М – Лістинг файлів схем і моделей бази даних 141 Додаток Н – Лістинг файлу App.test.jsx 148 Додаток О – Лістинг файлу server.test.js 149 |
| URI: | http://elartu.tntu.edu.ua/handle/lib/53682 |
| Copyright owner: | ©Головняк Софія Русланівна, 2026 |
| References (Ukraine): | 1. Eddy Wilson MERN Quick Start Guide: Build web applications with MongoDB, Express, React, and Node. – Birmingham: Packt Publishing, 2018. – 281с. 2. Evan Hahn Express.js in Action: Writing and testing Data-driven Node applications. – Shelter Island: Manning Publications, 2016. – 236с. 3. В.І. Кошель, Г.П. Сав’юк, Б.С. Дзундза. Основи охорони праці. навчально-методичний посібник для студентів вищих навчальних закладів педагогічного напрямку. Івано-Франківськ: НАІР, 2020. 182 с 4. Грибан В. Г., Фоменко А. Є., Казначеєв Д. Г. Безпека життєдіяльності та охорона праці: підруч. Дніпро: Дніпроп. держ. ун-т внутр. справ, 2022. 388 с. 5. Інструментальні засоби вебтехнологій: навчальний посібник / за ред. проф. – Львів: Магнолія 2006, 2026. – 197 с. 6. Карпюк Г. І. Основи підприємництва : навч. посіб. для здобувачів професійної (професійно-технічної) освіти. Київ : Міністерство освіти і науки України, 2021. 105 с. 7. Axios : офіц. сайт. URL: https://axios.rest/ 8. Cloudinary : офіц. сайт. URL: https://cloudinary.com/ 9. Cloudinary. Про продукт, інтеграцію. Hellip : веб-сайт. URL: https://hellip.com/ua/product/cloudinary.html 10. DOU.ua – Головний сайт сервісу пошуку роботи та аналітики IT-ринку України : веб-сайт. URL: https://jobs.dou.ua/ 11. Express.js : офіц. сайт. URL: https://expressjs.com/en/ 12. Node js : офіц. сайт. URL: https://nodejs.org/en 13. Node Package Manager : офіц. сайт. URL: https://www.npmjs.com/ (дата звернення: 23.05.2026). 14. React : офіц. сайт. URL: https://react.dev/ 15. React.js: популярний фреймворк фронтенд-розробки. Wezom : веб-сайт. URL: https://wezom.com.ua/ua/blog/reactjs-populyarniy-freymvork-frontend-rozrobki 16. Tailwind css : офіц. сайт. URL: https://tailwindcss.com/ 17. Vite : офіц. сайт. URL: https://vite.dev/ 18. Wix. Вікіпедія : вільна енциклопедія : веб-сайт. URL: https://uk.wikipedia.org/wiki/Wix.com 19. Емоційне вигорання на роботі: що робити, якщо не хочеться працювати. Комп'ютерна академія IT STEP : блог. URL: https://kiev.itstep.org/blog/emotionalburnout-at-work-what-to-do-if-you-dont-feel-like-working 20. Компоненти і пропси. React Documentation : веб-сайт. URL: https://uk.legacy.reactjs.org/docs/components-and-props.html 21. Мікроклімат виробничих приміщень. Південно-Західне міжрегіональне управління Державної служби України з питань праці : офіц. сайт. URL: https://smu.dsp.gov.ua/mikroklimat-vyrobnychykh-prymishchen/ 22. Правильна структура веб сайту під SEO: приклади, види та 15+ рекомендації щодо розробки структури. Impulse Design : веб-сайт. URL: https://impulse-design.com.ua/ua/pravilnaya-struktura-veb-sajta-pod-seo.html 23. Структура сайту: основні види та правила їх розробки. Webtune : веб-сайт. URL: https://webtune.com.ua/statti/web-rozrobka/struktura-sajtu/ 24. Структура сайту: основні види, вимоги та приклади. Wedex : веб-сайт. URL: https://wedex.com.ua/blog/struktura-sajtu-osnovni-vydy-vymogy-ta-pryklady/ 25. Чи варто робити сайт самому. Webatom : веб-сайт. URL: https://webatom.com.ua/chi-varto-robiti-sajt-samomu/ 26. Що таке Back-end розробка. Wezom : веб-сайт. URL: https://wezom.com.ua/ua/blog/chto-takoe-back-end-razrabotka 27. Що таке SEO: основи SEO. Idea Digital Agency : веб-сайт. URL: https://ideadigital.agency/blog/shcho-take-seo-i-navishcho-potribna-poshukovaoptimizaciya/ 28. Що таке Unit тести і як їх писати. Foxminded : веб-сайт. URL: https://foxminded.ua/yunit-testy/ 29. Що таке бази даних? Sigma Software University : веб-сайт. URL: https://university.sigma.software/what-is-database/ 30. Що таке верстка сайту. Impulse Design : веб-сайт. URL: https://impulse-design.com.ua/ua/chto-takoe-verstka-sajta.html 31. Що таке структура сайту, як її створити та проаналізувати. Netpeak Software : веб-сайт. URL: https://netpeaksoftware.com/uk/blog/site-structure-how-to-build-and-analyze-it 32. Що таке тестування за методом “чорної скриньки”? Sigma Software University : веб-сайт. URL: https://university.sigma.software/black-box-testing/ 33. Що таке фронтенд? Від ідеї до досконалості. Asabix : веб-сайт. URL: https://asabix.com.ua/what-is-frontend/ |
| Content type: | Professional Junior Bachelor Thesis |
| Ebben a gyűjteményben: | 123 — Комп’ютерна інженерія (фаховий молодший бакалаврТФК) |
Fájlok a dokumentumban:
| Fájl | Leírás | Méret | Formátum | |
|---|---|---|---|---|
| Holovniak_S.pdf | кваліфікаційна робота фахового молодшого бакалавра | 2,55 MB | Adobe PDF | Megtekintés/Megnyitás |
Minden dokumentum, ami a DSpace rendszerben szerepel, szerzői jogokkal védett. Minden jog fenntartva!