Рубрика: Портфолио

Партнёрская система для новостного портала d***.com

Задача: разработка личного кабинета для партнёра, админки.

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

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

Для администратора сайта предусмотрена возможность регулировки доли партнёра в рекламных доходах. Доля партнёра представляет собой либо процент от дохода компании при показе рекламных объявлений, либо фиксированную сумму за определённое число переходов по ссылке.

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

Технологии: TS, Vue.JS, AmCharts, Postgrahile, PostgreSQL

Система аналитики s***.com

Задача: разработка личного кабинета для доступа к аналитическим данным.

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

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

Приложение было оптимизировано для работы с большими объёмами данными.

Стек технологий: JS, Vue.JS, AmCharts, REST API.

Новостной портал i***.com

Задача: разработка сайта, админки, перенос данных из старой системы.

Суть проекта: веб-приложение для авторов статей и редакторов с функцией интерактивного редактора (WYSIWYG), модерацией статей, формирования редактором ТЗ для авторов статей.

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

Материалы портала публикуются на высокопроизводительном веб-сайте. Работа веб-сайта была оптимизирована для получения хороших результатов в PageSpeed Insights. Те статьи, который были перенесены из старой версии сохранили те же адреса, что были раньше. Это позволило сайту не только не потерять, но и улучшить поисковые позиции.

Для разработки был использован инструмент Postgraphile, позволяющий минимизировать объём разработки backend-части проекта.

Стек технологий: TS, Vue.JS, ProseMirror, Postgrahile, PostgreSQL.

Новостной портал t***.com

Задача: разработка сайта, админки, перенос данных из старой системы.

Суть проекта: высоко нагруженный веб-сайт с новостями о звездах шоу-бизнеса, веб-приложение для автора статей.

В админке сайта реализован интерактивный редактор статей (WYSIWYG на основе CKEditor), предусматривающий возможность одновременного редактирования текста статьи несколькими пользователями. Это позволило уменьшить время от начала написания статьи до момента публикации, так как автор и редактор статьи могли работать одновременно. Кроме того, это позволило избежать ситуации, когда несколько авторов одновременно начали писать статьи на одну и ту же тему.

В случае, если возникает необходимости редактирования ранее опубликованной статьи, создаётся отдельная версия статьи, которая в разделе черновики до того момента, как она будет готова для публикации.

Стек технологий: JS, Vue.JS, CKEditor, Node.js, Vue SSR, REST API, PostgreSQL.

Новостной портал d***.com

Задача: разработка сайта, админки, перенос данных из старой системы.

Для авторов мы сделали админку сайта, где можно управлять статьями, а также идеями для новых статей. Редактированием текста статей осуществляется с использованием формата markdown, который позволяет добавлять в текст элементы форматирования — жирный текст, списки, ссылки. В редактор статей интегрирован графический редактор изображений, позволяющий проводить обрезку и простую обработку изображений. Кроме того, есть возможность вставлять в текст статей посты из социальных сетей, а также видео из youtube.

Материалы портала публикуются на высокопроизводительном веб-сайте. Помимо обычной HTML-версии, реализована также версия AMP HTML, которая позволяет более эффективно показывать сайты на мобильных устройства в случаях, когда пользователь обращается к сайту из поиска Google. Кроме того, реализован вывод материалов при помощи ленты RSS для публикации статей в Google News.

Также на сайте реализована «бесконечная прокрутка» — когда пользователь оканчивает чтение определённой статьи, далее автоматически подгружается следующая статья аналогичной тематики. Таким образом, пользователь имеет возможность бесконечно прокручивать страницу для чтения статьей. Такой подход позволил максимизировать время нахождения на сайте каждого пользователя.

Стек технологий: JS, Vue.js, Node.js, Vue SSR, REST API, PHP, PostgreSQL, CloudCDN.