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

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

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

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

Ресурсы

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

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

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

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

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

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

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

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

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

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

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

Страница тега

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

Тестирование

Тестирование работ будет производиться на компьютерах на базе Windows и macOS, а также на мобильных устройствах Apple, Samsung, Honor и Xiaomi.

Подача работ

Мы предлагаем конкурсантам запустить собственный тестовый сервер и присылать нам URL-адрес с уже готовыми работами на адрес: [email protected].