Creating the front end of a web-based application for an automated system for analysing and recording the register of cultural and sports facilities

Abstract

Целью данной работы является создание клиентской части веб-приложения – системы учета реестра объектов физической культуры и спорта «SportsMap» для администрации Красногвардейского района города Санкт-Петербург, а также настройка продакшн-инфраструктуры. Итоговым результатом является готовое к запуску веб-приложение, реализующее систему авторизации, функционал поиска и фильтрации спортивных объектов; создание, редактирование, удаление и скрытие объектов; работу с excel-файлами; интеграцию с Яндекс.Картами и почтовую рассылку. Кроме того, проект развернут на хостинге и доступен по адресу https://sportsmap.spb.ru. В процессе работы использованы следующие программы: Webstorm, Postman, Figma, Miro, Yandex.Tracker. Ключевые слова: веб-разработка, Next.js, TypeScript, анализ кодовой базы, проектирование архитектуры, геоинформационная система, фронтенд-разработка.

The purpose of this work is to create a client part of a web application - a system of accounting for the register of physical culture and sports facilities "SportsMap" for the administration of the Krasnogvardeysky district of St. Petersburg, as well as setting up production infrastructure. The final result is a ready-to-launch web application that implements an authorization system, search and filtering functionality for sports facilities; creating, editing, deleting and hiding objects; working with excel files; integration with Yandex.Maps and email. In addition, the project is deployed on the hosting and is available at https://sportsmap.spb.ru . The following programs are used in the process of work: Webstorm, Postman, Figma, Miro, Yandex.Tracker. Keywords: web development, Next.js, TypeScript, code base analysis, architecture design, geoinformation system, frontend development.