Розробка інтернет-магазину комп’ютерної техніки «MOYO» з використанням технологій Node Js та React

Abstract

Кваліфікаційна робота присвячена створенню інтернет-магазину комп’ютерної техніки “MOYO” із застосуванням сучасних вебтехнологій React на стороні клієнта та Node.js на стороні сервера. Основна мета – створити ефективну, швидку та зручну онлайн-платформу для торгівлі комп’ютерною технікою. Метою роботи є розробка інтернет-магазину, що забезпечує інтуїтивно зрозумілий інтерфейс, швидкий доступ до каталогу товарів і можливість оформлення замовлень. В роботі використано компонентний підхід, клієнт-серверну архітектуру, REST API, об'єктно-документне моделювання бази даних. Клієнтська частина реалізована на React з використанням Redux Toolkit, Серверна частина – на Node.js + Express, для бази даних було обрано MongoDB, також реалізовано авторизацію з JWT, валідацію форм, обробку кошика, сортування товарів та оформлення замовлень. Розроблену систему можна розгорнути як у навчальному, так і у комерційному середовищі з мінімальними витратами на адаптацію. Результатом роботи став успішно реалізовано онлайн-магазин з базовими функціональними модулями. Проведено тестування та налагодження основних процесів користувача. Використання такого вебзастосунку сприяє цифровізації бізнесу, оптимізації торгових процесів, підвищенню доступності техніки для користувачів, а також розширенню ринку збуту. У роботі розглянуто вимоги до організації безпечного робочого місця, регламентовані перерви для зменшення навантаження. В подальшому можливе розширення функціоналу проєкту: інтеграція платіжних систем, логістичних служб, впровадження особистого кабінету, аналітики, відгуків, адаптації під мобільні платформи.

The thesis is devoted to the development of the “MOYO” computer-hardware online store using modern web technologies: React on the client side and Node.js on the server side. The main objective is to create an efficient, fast and user-friendly e-commerce platform for selling computer equipment. The system provides an intuitive interface, quick access to the product catalogue and a convenient order-placement process. A component approach, client–server architecture, RESTful API and object-document data modelling were applied. The frontend is implemented in React with Redux Toolkit; the backend uses Node.js with Express; MongoDB is chosen as the database. The project includes JWT-based authentication, form validation, shopping-cart handling, product sorting and order processing. The solution can be deployed both for educational purposes and in a commercial environment with minimal adaptation costs. The result is a fully operating online store equipped with core functional modules. Testing confirmed correct operation of the main user scenarios. The proposed web application supports business digitalisation, streamlines trading processes, increases product availability for customers and broadens market reach. The paper examines the requirements for organizing a safe workplace, regulated breaks to reduce strain. Future enhancements may include integration of payment gateways, logistics services, personal accounts, analytics, customer reviews and mobile-platform adaptation.