Розробка вебсайту для обміну рецептами приготування їжі

Abstract

Кваліфікаційна робота присвячена повному циклу створення та впровадження тематичного веб-порталу для обміну кулінарними рецептами. Ідея полягає в тому, щоб запропонувати користувачам дружню до мобільних пристроїв платформу, де можна не лише ділитися власними стравами, а й коментувати, оцінювати й зберігати вподобані рецепти до персональної колекції. Платформа покликана об’єднати різнорідну аудиторію – від початківців, що роблять перші кроки на кухні, до досвідчених шефів, які шукають натхнення для нових гастрономічних експериментів. Перший розділ присвячено ґрунтовному аналізу предметної області: розглянуто сучасні тренди фуд-блогінгу, класифіковано основні категорії рецептів і проаналізовано конкурентні сервіси. На основі цього сформульовано детальний перелік функціональних і нефункціональних вимог до майбутнього ресурсу, визначено типові сценарії взаємодії та детально описано ключових учасників системи – авторів рецептів, читачів, модераторів і гостей. Також наведено аргументацію вибору стеку технологій (React, Node.js, PostgreSQL) і пояснено, чому саме ці інструменти найкраще задовольняють потреби проєкту з огляду на масштабованість, безпеку й швидкість розробки. Другий розділ зосереджується на етапі проєктування. У ньому докладно описано багато­рівневу архітектуру (клієнт–сервер), наведено логічну та фізичну схему бази даних, спроєктовано ER-діаграми таблиць «Користувач», «Рецепт», «Інгредієнт», «Коментар» і «Оцінка». Відображено діаграми класів, послідовностей і розміщення, що демонструють зв’язки між компонентами фронтенду та бекенду. Окремо описано структуру каталогів репозиторію, принципи REST-маршрутизації та механізми керування станом на клієнті за допомогою Redux Toolkit. У третьому розділі наведено комплексну перевірку працездатності веб-порталу. Проведено автоматизовану валідацію HTML і CSS-коду, юніт-тестування API-ендпоінтів і модулів React, а також ручне тестування на різних браузерах і екранах, щоб гарантувати кросплатформність і адаптивність. Після порівняльного аналізу обрано оптимальний хостинг-провайдер і описано процедуру деплойменту через CI/CD-конвеєр GitHub Actions. Додатково подано детальні інструкції щодо експлуатації ключових сторінок – від реєстрації користувача до створення та публікації нового рецепта. Четвертий розділ присвячено питанням охорони праці та безпеки життєдіяльності. Описано алгоритм надання першої допомоги у разі ураження електричним струмом, наведено рекомендації щодо ергономічного розташування робочого місця за ПК, раціонального режиму праці та відпочинку, а також основні правила пожежної безпеки й захисту від шкідливого випромінювання монітора. Матеріал доповнено нормативними посиланнями на чинні ДСТУ та державні санітарні правила, що регламентують роботу з комп’ютерним обладнанням

The qualification work is dedicated to the full cycle of creating and implementing a thematic web portal for sharing culinary recipes. The idea is to offer users a mobile-friendly platform where they can not only share their own dishes, but also comment, rate and save their favorite recipes to a personal collection. The platform is designed to unite a diverse audience - from beginners taking their first steps in the kitchen to experienced chefs looking for inspiration for new gastronomic experiments. The first section is devoted to a thorough analysis of the subject area: modern trends in food blogging are considered, the main categories of recipes are classified and competitive services are analyzed. Based on this, a detailed list of functional and non-functional requirements for the future resource is formulated, typical interaction scenarios are identified, and key participants in the system are described in detail - recipe authors, readers, moderators, and guests. The argumentation for choosing a technology stack (React, Node.js, PostgreSQL) is also provided and it is explained why these tools best meet the needs of the project in terms of scalability, security, and development speed. The second section focuses on the design stage. It describes in detail the multi-tier architecture (client-server), provides a logical and physical database schema, and designs ER diagrams for the User, Recipe, Ingredient, Comment, and Rating tables. Class, sequence, and placement diagrams are displayed, demonstrating the relationships between frontend and backend components. The structure of the repository directories, REST routing principles, and client state management mechanisms using the Redux Toolkit are separately described. The third section provides a comprehensive check of the web portal's performance. Automated validation of HTML and CSS code, unit testing of API endpoints and React modules, as well as manual testing on different browsers and screens were carried out to ensure cross-platform and adaptability. After comparative analysis, the optimal hosting provider was selected and the deployment procedure via the GitHub Actions CI/CD pipeline was described. Additionally, detailed instructions for operating key pages are provided - from user registration to creating and publishing a new recipe. The fourth section is devoted to issues of occupational health and safety. The algorithm for providing first aid in case of electric shock is described, recommendations are given for the ergonomic arrangement of the workplace at the PC, a rational work and rest regime, as well as the basic rules of fire safety and protection from harmful monitor radiation. The material is supplemented with regulatory references to the current DSTU and state sanitary rules regulating work with computer equipment