title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ° ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð¹ Ð´Ð¾ÑÐºÐ¸ Ð² ÑÐ¸ÑÑÐµÐ¼Ðµ ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿ÑÐ¾ÐµÐºÑÐ°Ð¼Ð¸ Youtrack
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¼Ð°Ð³Ð¸ÑÑÑÐ°
titleType: Subtitle
title: Development of a user interface for a visual task board in the Youtrack project management system
Creators: name: Ð§ÐµÑÐµÐ²Ð¸ÑÐ½Ð¸Ðº, ÐÐ½Ð´ÑÐµÐ¹
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2023
Subjects: Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ
ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð°Ñ Ð´Ð¾ÑÐºÐ°
agile
Kanban
ReactJS
YouTrack
RTK Query
user interface
Kanban board

description: Ð Ð½Ð°ÑÑÐ¾ÑÑÐµÐ¹ ÑÐ°Ð±Ð¾ÑÐµ Ð¾ÑÐ½Ð¾Ð²Ð½Ð¾Ðµ Ð²Ð½Ð¸Ð¼Ð°Ð½Ð¸Ðµ ÑÐ´ÐµÐ»ÑÐµÑÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ Ð¸ Ð¾Ð¿ÑÐ¸Ð¼Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ° ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð¹ Agile-Ð´Ð¾ÑÐºÐ¸ Ð² ÑÐ¸ÑÑÐµÐ¼Ðµ ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿ÑÐ¾ÐµÐºÑÐ°Ð¼Ð¸ YouTrack. ÐÐ»Ð°Ð²Ð½Ð°Ñ ÑÐµÐ»Ñ ÑÐ°Ð±Ð¾ÑÑ - ÑÐ¾Ð·Ð´Ð°ÑÑ Ð¸Ð½ÑÑÐ¸ÑÐ¸Ð²Ð½Ð¾ Ð¿Ð¾Ð½ÑÑÐ½ÑÐ¹, ÑÐ´Ð¾Ð±Ð½ÑÐ¹ Ð² Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ð¸ Ð¸ ÑÑÑÐµÐºÑÐ¸Ð²Ð½ÑÐ¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ, ÑÐ¿Ð¾ÑÐ¾Ð±Ð½ÑÐ¹ Ð¿Ð¾Ð´Ð´ÐµÑÐ¶Ð¸Ð²Ð°ÑÑ Ð¿ÑÐ¸Ð½ÑÐ¸Ð¿Ñ Agile Ð¸ Ð¾Ð±Ð»ÐµÐ³ÑÐ°ÑÑ Ð¿ÑÐ¾ÑÐµÑÑ ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿ÑÐ¾ÐµÐºÑÐ°Ð¼Ð¸. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¾ÑÐ½Ð¾Ð²ÑÐ²Ð°ÐµÑÑÑ Ð½Ð° Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ð¸ ReactJS, Ð¼Ð¾ÑÐ½Ð¾Ð¹ Ð¸ Ð³Ð¸Ð±ÐºÐ¾Ð¹ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸ JavaScript Ð´Ð»Ñ Ð¿Ð¾ÑÑÑÐ¾ÐµÐ½Ð¸Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ñ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ¾Ð². Ð¢ÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð¿Ð¾Ð»ÑÑÐµÐ½Ð½Ð¾Ð³Ð¾ ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐ° Ð±ÑÐ»Ð¾ Ð¿ÑÐ¾Ð¸Ð·Ð²ÐµÐ´ÐµÐ½Ð¾ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸ Jest. ÐÑÐ¾Ð±Ð¾Ðµ Ð²Ð½Ð¸Ð¼Ð°Ð½Ð¸Ðµ ÑÐ´ÐµÐ»ÐµÐ½Ð¾ Ð¾Ð±ÐµÑÐ¿ÐµÑÐµÐ½Ð¸Ñ Ð³Ð¸Ð±ÐºÐ¾ÑÑÐ¸ Ð¸ Ð½Ð°ÑÑÑÐ°Ð¸Ð²Ð°ÐµÐ¼Ð¾ÑÑÐ¸ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ° Ð´Ð»Ñ ÑÐ´Ð¾Ð²Ð»ÐµÑÐ²Ð¾ÑÐµÐ½Ð¸Ñ Ð¿Ð¾ÑÑÐµÐ±Ð½Ð¾ÑÑÐµÐ¹ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ ÐºÐ¾Ð¼Ð°Ð½Ð´ Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ¾Ð². Ð ÑÐ¾Ð¼ ÑÐ¸ÑÐ»Ðµ, Ñ ÑÐ°ÑÑÐ¼Ð¾ÑÑÐµÐ» Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ðµ RTK Query Ð´Ð»Ñ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑÐ²Ð¸Ñ API ÑÐµÑÐ²ÐµÑÐ° Ð¸ Ð°Ð²ÑÐ¾Ð¼Ð°ÑÐ¸ÑÐµÑÐºÐ¾Ð³Ð¾ ÐºÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ, Ð° ÑÐ°ÐºÐ¶Ðµ Ð¿ÑÐ¸Ð¼ÐµÐ½ÐµÐ½Ð¸Ðµ Redux Ð´Ð»Ñ ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ ÑÐ¾ÑÑÐ¾ÑÐ½Ð¸ÐµÐ¼ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð½Ð° Ð±Ð¾Ð»ÐµÐµ Ð³Ð»Ð¾Ð±Ð°Ð»ÑÐ½Ð¾Ð¼ ÑÑÐ¾Ð²Ð½Ðµ. Ð ÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¾Ð¼ Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»ÑÐ½Ð°Ñ Ð¸ ÑÑÑÐµÐºÑÐ¸Ð²Ð½Ð°Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ñ ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½Ð¾Ð¹ Ð´Ð¾ÑÐºÐ¸ Ð² ÑÐ¸ÑÑÐµÐ¼Ðµ ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿ÑÐ¾ÐµÐºÑÐ°Ð¼Ð¸ YouTrack, Ð¾Ð±ÐµÑÐ¿ÐµÑÐ¸Ð²Ð°ÑÑÐ°Ñ Ð³Ð¸Ð±ÐºÐ¾Ðµ ÑÐ¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ðµ Ð¿ÑÐ¾ÐµÐºÑÐ°Ð¼Ð¸ Ð¸ ÑÐ¿Ð¾ÑÐ¾Ð±ÑÑÐ²ÑÑÑÐ°Ñ ÑÐ²ÐµÐ»Ð¸ÑÐµÐ½Ð¸Ñ Ð¿ÑÐ¾Ð¸Ð·Ð²Ð¾Ð´Ð¸ÑÐµÐ»ÑÐ½Ð¾ÑÑÐ¸ ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ.
description: The primary focus of this work is on the development and optimization of the user interface of an Agile board in the YouTrack project management system. The main objective is to create an intuitive, user-friendly, and efficient interface capable of supporting Agile principles and facilitating project management processes. The development is based on the use of ReactJS, a powerful and flexible JavaScript library for building user interfaces. The testing of the obtained result was performed using the Jest library. Special attention is paid to ensuring the flexibility and adaptability of the interface to meet the needs of various teams and projects. In particular, the use of RTK Query for server API interaction and automatic caching is discussed, as well as the application of Redux for managing the state of the application on a more global level. The result of this work is a functional and efficient implementation of an electronic board in the YouTrack project management system, providing flexible project management and contributing to the increase in team productivity.