Web-сервіс «Подарунок»

Abstract

АНОТАЦІЯ Об’єкт розробки: процес розробки для програмного забезпечення створення web-орієнтованих інформаційних систем для автоматизації керування споживчими перевагами та списками бажань. Предмет розробки: процес побудови програмного забезпечення методів, алгоритмів, технології проектування та розробки ПЗ (зокрема технологія Smart Link Parsing) та програмні засоби побудови web-сервісу «Подарунок». Мета роботи: спроектувати та розробити сучасний web-сервіс, який дозволяє користувачам ефективно структурувати свої ідеї для подарунків, автоматизувати додавання подарунків (товарів, послуг) через парсинг посилань і додаванням нових полів, та безпечно ділитися списками для координації з оточенням. Методи проектування та стек технологій: Архітектурне моделювання: використано мову UML длястворення діаграм прецедентів, класів, компонентів та послідовностей. Frontend: фреймворк Next.js (App Router), бібліотека React та моваTypeScript. Backend та база даних: PostgreSQL із використанням Prisma ORMдля управління реляційними даними. Автоматизація збору даних: бібліотеки Cheerio та Puppeteer дляреалізації гібридного методу web-парсингу метатегів (Open Graph, JSON-LD) та динамічного контенту. Інфраструктура: хмарна платформа Supabase для автентифікаціїкористувачів через JWT та збереження профілів. Отримані результати. У ході роботи розроблено повнофункціональний web-сервіс із модульною архітектурою. Реалізовано унікальний модуль «Smart Link Parsing», що дозволяє автоматично вилучати назву, актуальну ціну та зображення товару за URL-посиланням з будь-яких маркетплейсів. Впроваджено механізм бронювання подарунків гостями списку, що виключає ризик дублювання подарунків, зберігаючи при цьому ефект сюрпризу для власника. Система підтримує гнучкі налаштування приватності через генерацію унікальних криптографічних ключів доступу (Access Keys). Практичне значення. Створено готовий до експлуатації інструмент, який вирішує проблему отримання небажаних подарунків та оптимізує процес агрегації даних з різних платформ електронної комерції. Результати тестування підтвердили стабільність системи, її адаптивність до мобільних пристроїв та високу швидкість обробки запитів.

ABSTRACT Object of development: the process of creating web-oriented information systems for managing consumer preferences and wish lists. Subject of development: methods, algorithms (specifically Smart Link Parsing technology), and software tools for developing the "Gift" web service. Purpose of the work: designing and developing a modern web service that allows users to efficiently structure their gift ideas, automate the addition of items via link parsing, and securely share lists to coordinate with their circle. Design methods and technology stack: Architectural modeling: the UML language was used to create use case,class, component, and sequence diagrams. Frontend: Next.js framework (App Router), React library, and TypeScriptlanguage. Backend and database: PostgreSQL utilizing Prisma ORM to managerelational data. Data collection automation: Cheerio and Puppeteer libraries forimplementing a hybrid web parsing method for meta tags (Open Graph, JSON-LD) and dynamic content. Infrastructure: Supabase cloud platform for user authentication via JWTtokens and profile storage. Obtained results: During the work, a fully functional web service with a modular architecture was developed. A unique "Smart Link Parsing" module was implemented, allowing for the automatic extraction of the item's name, current price, and image via a URL link from any marketplaces. A gift booking mechanism for list guests was introduced, eliminating the risk of duplicate presents while maintaining the element of surprise for the owner. The system supports flexible privacy settings through the generation of unique cryptographic access keys (Access Keys). Practical significance: A ready-to-use tool was created that solves the problem of receiving unwanted gifts and optimizes the process of aggregating data from various e-commerce platforms. Testing results confirmed the system's stability, its adaptability to mobile devices, and high request processing speed.