Розробка клієнтської частини E-Commerce системи для продажу автозапчастин з використанням бібліотеки React

Abstract

UA : Робота викладена на 55 сторінках друкованого тексту, містить 16 рисунків, 17 таблиці, 21 джерело. Об’єкт дослідження – процес онлайн-продажу автомобільних запчастин та компонентів через системи електронної комерції. Мета роботи: проєктування та програмна реалізація клієнт-серверного вебзастосунку інтернет-магазину автозапчастин із інтегрованою системою перевірки сумісності деталей та адміністративним керуванням складськими залишками. Методи дослідження – методи системного аналізу предметної області, принципи об’єктно-орієнтованого проєктування та моделювання систем (UML), методи реляційного моделювання баз даних, а також методи сценарного функціонального тестування програмного забезпечення. Кваліфікаційну роботу присвячено проєктуванню, програмній реалізації та верифікації Fullstack-вебзастосунку інтернет-магазину автозапчастин. У роботі визначено вимоги до системи, описано її клієнт-серверну архітектуру, розроблено логічну модель реляційної бази даних PostgreSQL та формалізовано алгоритми ключових модулів. Програмну реалізацію виконано на базі технологій React (Vite) для фронтенду та Express (Node.js) на TypeScript для серверної частини. Вебзастосунок забезпечує повний цикл взаємодії користувача з системою: авторизацію (JWT), багатокритеріальний пошук і фільтрацію деталей за сумісністю, роботу з кошиком та транзакційне оформлення замовлень, а також містить захищену адмін-панель для керування каталогом і залишками на складі.

EN : The work is presented on 55 pages of printed text, 16 figures, 17 tables, 21 references. The object of research is the process of online sales of automotive parts and components through e-commerce systems. The objective of the work is the design and software implementation of a client-server web application for an online auto parts store with an integrated parts compatibility verification system and administrative management of warehouse stock. The research methods include system analysis of the subject area, principles of object-oriented design and systems modeling using UML, relational database modeling, and scenario-based functional software testing. The bachelor’s thesis is devoted to the design, software implementation, and verification of a Fullstack web application for an online auto parts store. The thesis defines the system requirements, describes its client-server architecture, develops a logical model of the PostgreSQL relational database, and formalizes the algorithms of key modules. The software implementation is performed based on React (Vite) technologies for the frontend and Express (Node.js) on TypeScript for the backend. The web application provides a full cycle of user interaction with the system: authorization (JWT), multi-criteria search and filtration of parts by compatibility, shopping cart functionality, and transactional checkout, as well as contains a secured admin panel for catalog and warehouse inventory management.