РАЗРАБОТКА ИНТЕРАКТИВНОГО ВЕБ-СЕРВИСА ДЛЯ ПЛАНИРОВАНИЯ СОВМЕСТНЫХ МЕРОПРИЯТИЙ

DEVELOPMENT OF AN INTERACTIVE WEB SERVICE FOR PLANNING JOINT EVENTS

Mikhail Mussin

Student, Department of Informational Systems in Arts and Humanities, Saint-Petersburg University,

Russia, Saint Petersburg

АННОТАЦИЯ

В статье описывается процесс создания веб-приложения Circles, которое предназначено для организации и координации встреч и совместных мероприятий. Рассматриваются актуальность задачи создания удобных цифровых инструментов для планирования событий. Описываются цели проекта, используемые технологии, React и современные средства разработки, а также представлены основные результаты. Отмечается перспективность дальнейшего развития проекта за счёт интеграции серверной части и облачных сервисов для повышения масштабируемости и расширения функционала.

ABSTRACT

This article describes the process of creating the web application Circles, designed for organizing and coordinating meetings and collaborative events. The relevance of developing convenient digital tools for event planning is discussed. The project’s objectives, the technologies used, including React and modern development tools, are outlined, along with the main results. The potential for further development of the project is highlighted, with a focus on integrating the backend and cloud services to enhance scalability and expand functionality.

Ключевые слова: цифровые инструменты, веб-приложение, пользовательский интерфейс, React.

Keywords: digital tools, web application, user interface, React.

В современном мире организации встреч и совместных мероприятий требуют эффективных цифровых инструментов, обеспечивающих простоту координации и взаимодействия. Особенно актуально это в условиях растущей удалённой работы и необходимости быстрого обмена информацией. Веб-приложение Circles создано с целью упростить процесс планирования и проведения встреч, предоставляя интуитивно понятный и доступный каждому интерфейс.

Целью разработки веб-приложения была разработка удобного и функционального веб-приложения для организации совместных мероприятий и общения пользователей. В рамках проекта были решены следующие задачи:

а) создать удобный пользовательский интерфейс для планирования событий;

б) обеспечить возможность быстрой координации и обмена информацией между участниками;

в) использовать современные технологии для повышения производительности и расширяемости приложения.

Circles - это веб-приложение, предназначенное для организации встреч и совместного времяпрепровождения. Оно предоставляет пользователям возможность планировать и координировать мероприятия.

Для создания приложения была выбрана библиотека React, которая обеспечивает компонентный подход к разработке и динамическое обновление интерфейса без перезагрузки страницы [1].

Применение npm позволило эффективно управлять зависимостями и автоматизировать запуск скриптов. Веб-технологии HTML и CSS использованы для разметки и стилизации, обеспечивая кроссбраузерную совместимость и адаптивность.

При разработке веб-приложения были использованы такие технологии, как React, React-router-dom, Redux Toolkit, JavaScript (ES6+), SASS / HTML5, Node.js + npm, Java Spring Boot (бэкенд), PostgreSQL (база данных).

Проект разделён на две части: бэкенд реализован на Java (Spring Boot) и использует базу данных PostgreSQL, репозиторий бэкенда: CirclesApp; фронтенд  реализован на React и подключается к REST API бэкенда [2].

На рисунке 1 представлена главная страница веб-приложения Circles, демонстрирующая пользовательский интерфейс и структуру навигации.

Рисунок 1. Главная страница

На рисунке 2 представлено окно «Мой профиль», в котором отображается информация о пользователе и доступ к настройкам аккаунта.

Рисунок 2. Страница «Мой профиль»

Страница мероприятия (см. рисунок 3) предоставляет пользователю доступ к деталям события, возможности редактирования и взаимодействию с другими участниками.

Рисунок 3. Страница мероприятия

Таким образом, было разработано  веб-приложение с возможностью создания и управления мероприятиями. Создан удобный и интуитивный интерфейс, который облегчает взаимодействие пользователей. Проект успешно запущен в режиме разработки, что позволяет легко вносить изменения и улучшения. Использование React и современного стека инструментов позволяет проекту быть гибким и масштабируемым [3,4]. Это открывает возможности для дальнейшей интеграции с облачными сервисами, добавления новых функций, таких как уведомления, чаты и аналитика мероприятий.

Проект Circles демонстрирует, как современные веб-технологии помогают решать актуальные задачи организации совместной деятельности. В дальнейшем планируется расширение функционала и адаптация под разные платформы, что позволит сделать приложение ещё более полезным и востребованным.

Список литературы:

1. React. Документация. URL: https://reactjs.org/docs/getting-started.html (дата обращения: 19.06.2025).
2. TypeScript Handbook. Режим доступа: https://www.typescriptlang.org/docs/ (дата обращения: 19.06.2025).
3. Fain, Y., Moiseev, A. TypeScript Quickly. Manning Publications, 2020. 280 p.
4. Fullstack React: The Complete Guide to ReactJS and Friends. [Электронный ресурс]. Режим доступа: https://www.fullstackreact.com/ (дата обращения: 19.06.2025).