Одностраничное приложение Гражданин поэт разработано в рамках Хакатона 2025 студентами Факультета Дизайна и Факультета Веб-разработки Yandex.Praktikum и позволяет пользователю просматривать, подавать, а также оценивать инициативы, касающиеся деятельности вигилантских движений в России 2025 года в стихах классиков. Приложение реализует несколько пользовательских сценариев, а также позволяет аутентифицировать пользователей. База данных пользователей и инициатив хранится на сервере, защищенном политиками безопасности и входящей валидацией запросов.
Создатели:
- Максим Пяткин, дизайнер, контент-менеджер
- Александра Замараева, дизайнер, контент-менеджер
- Евгения Никитина, разработчик
- Алексей Курков, разработчик
На этапе идеации в проекте принимал участие Владислав Кожеватов
Дизайн разработан для 4 различных разрешений экранов. По состоянию на 27 декабря 2020г. приложение реализовано в десктоп-версии для экранов шириной 1440+ пикселей.
Дизайн-макет приложения доступен по ссылке
Репозитории с серверным и клиентским кодом находятся на github
- Дизайн-макет приложения исполнен в приложении Figma
- Использована векторная графика, частично нарисованная специально для проекта
- Фронтэнд-часть приложения написана с использованием библиотеки React
- Также использованы сторонние компоненты, такие как react-elastic-carousel, styled-components и другие
- Серверная часть написана с использованием фреймворка Express
- Сервер использует базу данных, созданную СУБД MongoDB путем работы с ней через NodeJs библиотеку Mongoose
- Сервер, база данных и собранное в оптимизированную сборку SPA развернуты на облачном сервисе Yandex Cloud,
- На облачной платформе используется http проксирование через сервер nginx для обращения к API приложения по адресу: https://api.poet-citizen.students.nomoreparties.xyz/ и к клиентской части по адресу https://poet-citizen.students.nomoreparties.xyz/
- проект может быть собран и запущен локально по адресу http://localhost:3000/ путем клонирования данного репозитория и последовательного запуска команд в терминале (должны быть установлены программы Git, NodeJS и менеджер пакетов npm):
git clone https://github.com/alex-kurkov/poet-citizen.git && cd poet-citizen
npm install
npm start
Внимание! При локальной сборке будет действовать ограниченная часть функционала, что связано с политикой безопасности серверной части приложения, не допускающей кросс-доменных запросов с адреса, отличного от poet-citizen.students.nomoreparties.xyz
Полностью функционирующее приложение доступно по ссылке Гражданин-поэт