Конкурс для веб-разработчиков

2 февраля, 2022

2 февраля, 20221 минута на чтение

Читать первым в Telegram-канале «Код Дурова»

Призовой фонд: 200 000 рублей.
Срок сдачи работ: 25 февраля 23:59 по Московскому времени (UTC+3).
Объявление итогов: 3 марта.

Общие требования

Работа должна быстро открываться и загружаться.
Работа должна быть оптимизирована под мобильные устройства.
Желательно сделать работу на next.js или подобных современных фреймворках.
Все страницы должны также быть исполнены в тёмной теме. По умолчанию смена тем в автоматическом режиме.

Ресурсы

Новый дизайн нашего сайта в Figma.
Страница для разработчиков Ghost.

Главная страница

Следуя готовому дизайну, необходимо создать оптимизированную главную страницу kod.ru. Важно включить все вкладки, которые есть в макете. А именно:

главный сегмент, который включает последние статьи (слева) и последние новости (справа);
«Выбор редакции» (публикации с отметкой "Feature this post" );
раздел с тегами (у каждого тега «карусель»);
блок с рекомендацией подписаться в Telegram;
футер.

Страница должна быть оптимизирована под мобильные устройства и обладать высокой производительностью.

Страница для новостей и статей

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

блок с главной иллюстрацией и информацией вокруг неё (заголовок, тег, автора статьи, дату публикации, время чтения, количество просмотров, кол-во комментариев, копирование ссылки и кнопку «поделиться», которая работает на базе Web Share API);
основной блок для текста с оптимизированной галереей для просмотра изображений;
кнопку «подписаться на Telegram-канал»;
блок рекомендаций, построенный на стиле тегов на главной странице.

Единственное отличие статей от новостей — это блок с оглавлением. Автор сможет выбрать его отображение в CMS, изменив шаблон конкретной страницы (кнопка — Template).

Страница автора

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