Проектування та реалізація веб-додатку автомобільного каталогу на основі принципів чистої архітектури

Abstract

Кваліфікаційна робота бакалавра присвячена проєктуванню та реалізації веб-додатку автомобільного каталогу з використанням сучасного технологічного стеку — React, Node.js та MongoDB — у поєднанні з принципами чистої архітектури (Clean Architecture). Метою дослідження є створення функціонального, масштабованого та зручного веб-сервісу для пошуку, фільтрації та перегляду автомобілів, з чітким розділенням логіки, інтерфейсу та інфраструктури. У першому розділі розглянуто предметну область, проведено аналіз існуючих веб-рішень (Uklon, BlaBlaCar, Getmancar), визначено функціональні та нефункціональні вимоги, а також обґрунтовано вибір архітектурного підходу та стеку технологій. Другий розділ містить опис структури додатку відповідно до принципів Clean Architecture, моделі бази даних, компонування інтерфейсу користувача та проєктування основних функціональних модулів. У третьому розділі подано реалізацію серверної та клієнтської частин: створення REST API, авторизація через JWT і соцмережі, візуалізація даних у вигляді карточок і модальних вікон. Проведено модульне, інтеграційне та наскрізне тестування, оптимізацію продуктивності з використанням Lighthouse та SSR. Об’єкт дослідження — процес розробки веб-додатків. Предмет дослідження — реалізація додатку на основі чистої архітектури та сучасних фреймворків.

The bachelor's thesis is devoted to the development of a web application for car catalog with the ability to analyze employee productivity, using a modern technology stack, including React, Node.js, and MongoDB. The goal of this work is to create a functional, scalable, and user-friendly platform that allows teams to effectively plan, monitor tasks, and evaluate performance using built-in analytics. The first chapter provides an overview of the subject area, analyzes existing software solutions for car catalog, and defines functional and non-functional requirements for the system. The choice of technologies is justified, as well as the architecture model based on a microservice approach. The second section contains a description of the design of the web application architecture, database structure, user interface, and individual functional modules. It also discusses the principles of developing analytical tools for collecting, processing, and visualizing performance data. The third section is devoted to the implementation of the server and client parts of the application. The process of creating APIs, authentication mechanisms, and the implementation of key modules — from task management to report generation — are described in detail. Particular attention is paid to testing, error detection, and ensuring reliable system operation. The object of the study is a web system for managing team projects with productivity analysis tools. The subject of the study is the methods of development, architecture organization, and techniques for integrating analytics and management modules within a modern web application.