Фронтенд проекта, выполненного в рамках хакатона от Яндекс.Практикум
Задача участников Сделать прототип приложения для гражданских инициатив. На дворе 2025 год, в стране цензура.
Для защиты общественной нравственности к рассмотрению принимаются только обращения, написанные цитатами поэтов-классиков.
В общем, публично можно общаться только цитатами поэтов-классиков. Например, оставить предложение перенести парковку или заменить лампочку в подъезде — обо всём этом можно сообщить только в форме стихов.
Ознакомиться с приложением можно пройдя по ссылке.
Наша концепция — это приложение для подачи экспресс заявок на проведение работ по благоустройству и обслуживанию объектов жилых комплексов. Подача заявок осуществляется исключительно с помощью использования готового набора эмоджи, отражающие следующие факторы:
- место возникновения проблемы (двор, подъезд, квартира);
- категория проблемы (благоустройство, канализация/водоснабжение, санитарное состояние, эл. питание, отопление, прочее);
- срочность устранения: срочно (в течение часа) / терпимо срочно (в течение суток).
Цель проекта — позволить жителям экономить их время и максимально просто, быстро и удобно оставлять запрос на благоустройство/обслуживание в случае возникновения проблемы или предложения по благоустройству.
Целевая аудитория — молодые и средних лет люди(возрастная категория 25-40 лет). Преимущественно дизайнеры, программисты, аналитики данных, поэты, курьеры доставки еды.
Разделы проекта:
- Главная страница
- Окно регистрации
- Окно логина
- Окно «Ваша заявка принята»
- Страница «Профиль»
- Страница «Составить обращение»
- Страница «Заявки»
- Страница «О проекте»
Более подробно о каждом разделе можно узнать пройдя по ссылке.
Работа над проектом проводилась с 11 по 27 декабря 2020 года. Road Map
В течение первой недели был подготовлен прототип проекта, выполнены грубый дизайн и вёрстка.
За вторую неделю был разработам окончательный дизайн, вёрстка была приведена в соответствие с макетом, а также полностью разработана функциональность: регистрация и авторизация пользователей, добавление заявок и получение их списка для текущего пользователя, валидация форм.
студенты факультета "Дизайн интерфейсов::
- Матвей Граб
- Полина Родина
- Алина Меркурьева
студенты факультета "Веб-разработка":
HTML, CSS, JavaScript, React.
В качестве базы данных использоваан проект Firebase Realtime Database.
Фронтенд проекта задеплоен на Netlify.
- добавления новостей,
- добавления возможных проблем
- Клонирование репозитория: git clone https://github.com/hackaton-2025/poet-citizen.git
- Установка зависимостей: npm install
- Запуск develop-сборки: npm start
- Запуск production-сборки: npm run build
- Создание более подробного лендинга с описанием сервиса
- Расширение функционала при подаче заявок: предложить дополнительные параметры для конкретизации проблемы
- Добавление возможности редактирования созданных заявок
- Привязка сервиса к конкретным жилым корпусам
- Рефакторинг и доработка существующего кода
- Оптимизация приложения под разные браузеры (текущая версия не оптимизирована)
- Доработка адаптива (в текущей версии есть проблемы)
Когда-нибудь мы этим обязательно займёмся...