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

Abstract

UA : Робота викладена на 53 сторінках друкованого тексту, містить 11 рисунків, 12 джерел. Об’єкт дослідження – процеси інтерактивного управління завданнями та інцидентами в розробці програмного забезпечення, реалізовані через сучасний односторінковий (SPA) вебдодаток з акцентом на динамічний інтерфейс та ефективне управління станом. Мета роботи: створення повнофункціонального клієнтського вебдодатку для відстеження помилок та управління завданнями, який демонструє принципи сучасної фронтенд-розробки на React та забезпечує інтуїтивний інтерфейс для операцій з робочими елементами. Методи дослідження: методи компонентної розробки та управління станом (Zustand/Redux Toolkit); методи створення адаптивного інтерфейсу (CSS-in-JS, MUI); клієнтська маршрутизація (React Router); методи тестування (Jest, React Testing Library) та оптимізації продуктивності. Результати роботи: розроблено повноцінний прототип фронтенд системи керування завданнями з основним функціоналом створення, редагування, пошуку, фільтрації та візуального відстеження статусу завдань. Додаток побудовано на архітектурі з модульними компонентами, гнучким станом і сучасним UI. Розробка може бути використана як основа внутрішнього інструменту команди, навчальний приклад архітектури або фундамент для повноцінного full-stack продукту.

EN : The work is presented on 53 pages of printed text, 11 figures, 12 references. The object of the study is the processes of interactive management of tasks and incidents in software development, implemented through a modern single-page application (SPA) with a focus on a dynamic interface and effective state management. The aim of the study is to create a fully functional client-side web application for bug tracking and task management, which demonstrates the principles of modern frontend development with React and provides an intuitive interface for operations with work items. The methods of research include methods of component-based development and state management (Zustand/Redux Toolkit); methods of creating a responsive user interface (CSS-in-JS, MUI); client-side routing (React Router); testing methods (Jest, React Testing Library) and performance optimization techniques. Results of the work: a fully functional prototype of a frontend task management system was developed, implementing core features such as creating, editing, searching, filtering, and visual tracking of task status. The application is built on an architecture with modular components, flexible state management, and a modern UI. The development can be used as a basis for an internal team tool, an educational example of frontend application architecture, or a foundation for a full fledged full-stack product.