Web приложение «Защитник природы»

Тип участника: Авторский/творческий коллектив

Полное наименование организации/физического лица/авторского или творческого коллектива: Авторский коллектив студентов Алтайского государственного университета "Трое в коде"

В лице (для организации или авторского/творческого коллектива указывается ФИО и должность руководителя): Лопушанский Денис Константинович - scrum-мастер, управляющий проектом, выпускник института математики и информационных технологий АГУ

Интернет-сайт заявителя: https://github.com/Denisasu/Pet_Project_VKR.git

Контактное лицо: ФИО: Лопушанский Денис Константинович

ФИО всех участников авторского/творческого коллектива: Лопушанский Денис Константинович
Бирюк Мария Денисовна
Дутова Анна Александровна

Идея и краткое описание ИТ-проекта: Проект «Защитник природы» - это web-приложение, направленное на вовлечение населения в решение экологических проблем. Сервис позволяет пользователям оставлять заявки о загрязнении окружающей среды, находить ближайшие пункты приёма вторсырья, использовать инструменты обратной связи и взаимодействовать с системой через личный кабинет. Проект способствует формированию экологической культуры и упрощает сбор информации о проблемных точках в регионе(городе).

Перечень решаемых задач:

Повышение экологической ответственности населения;
Сбор и обработка информации о загрязнённых территориях;
Упрощение процесса подачи экологических заявок;
Обеспечение взаимодействия с волонтёрами/органами через систему;
Предоставление аналитики и статистики по заявкам и вторсырью.

Описание функциональных возможностей и элементов проекта:

Главная страница с информацией и этапами взаимодействия;
Карта с точками приёма вторсырья (Yandex Maps);
Форма подачи заявки с загрузкой фото, координат и описания;
Система регистрации/авторизации пользователей;
Личный кабинет с просмотром отправленных заявок и их статусов;
Анализ загруженного изображения для определения типа вторсырья с помощью ИИ;
Панель статистики.

Дата внедрения (в случае, если предполагается запуск проекта в эксплуатацию): -

Используемые платформы, средства разработки:

Frontend: React, Vite, Axios, React Bootstrap, CSS-модули;
Backend: FastAPI (Python), PostgreSQL;
API: Яндекс.Карты, OpenCV (анализ изображений);
Среда разработки: VS Code;
Система контроля версий: Git, GitHub;
Дизайн и прототипирование: Figma (адаптивные макеты, стилистика UI).

Стоимость разработки системы: Разработка осуществлялась в рамках дипломного проекта и учебной инициативы. Основные затраты — это трудозатраты команды разработчиков. Условная стоимость разработки, эквивалентная 1 человекуо-месяцу труда junior-специалиста: ≈ 40 000 – 60 000 руб.

Средний размер ежегодных затрат на эксплуатацию: Хостинг (сервер + БД) - от 3 000 до 7 000 руб. в год; Доменное имя: 500-1000 в год; Итог: ориентировочно 5 000 - 15 000 руб./год

Перспективы развития:

Разработка панели администратора для управления заявками, пользователями и анализом;
Интеграция с муниципальными службами и экологическими организациями;
Внедрение push-уведомлений;
Расширение географии и функций аналитики.

Достижение поставленных целей: В рамках работы полностью реализована frontend-часть web-приложения и настроено взаимодействие с backend-сервером.
Интерфейс протестирован вручную, адаптирован под мобильные устройства.
Все ключевые функции (подача заявок, работа с картой, анализ изображений, авторизация) реализованы.
Проект завершён на уровне исходного кода и готов к развертыванию на сервере или облачной платформе.

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

Адаптивность, стилистическое единство всех функциональных блоков: Весь интерфейс разработан в едином стиле, макеты созданы в Figma и перенесены в React-компоненты. Используются модульные стили, единая система цветов и отступов. Приложение корректно отображается на мобильных устройствах и ПК.

Масштабируемость, способность к взаимодействию с другими системами, мобильность: Компонентная архитектура и API-взаимодействие позволяют масштабировать проект, подключать внешние модули и адаптировать под мобильные платформы. Приложение реализовано как SPA с возможностью размещения на любых хостингах.

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

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

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

Юзабилити и полезность: Интерфейс лаконичный, визуально чистый, поддерживает адаптацию под экраны разных устройств. Элементы интуитивно понятны, размещены логично, формы просты в заполнении.

Гарантирую достоверность предоставленной в заявке информации. Подтверждаю, что организация не находится в состоянии ликвидации, банкротства, реорганизации (Только для организаций): Да

Презентация проекта pdf: Загрузить

Возврат к списку

нет доступа к комментариям Авторизоваться