Куда я попал?

Из Гарри Поттера помню только факультеты Гриффиндор и Слизерин. И когда меня определили в Пуффендуй, несколько минут я гуглил, кто это такой.

Квест «Угадай коллегу по переписке»

Пока я гуглил про Пуффендуй, началось массовое переименование в слаке. Участники меняли вооообще всё в своём профиле: фото, имя, описание. В общем, полное погружение в тематику хакатона. И только телефон 8914… в профиле Рона Уизли подсказывал, что что-то здесь не чисто.

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

Вместо задач - таблица патронусов

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

За работу

Первая из трех задач оказалась самой большой - по ней нужно было разработать фичу с нуля. Остальные две - на доработку существующих. Поэтому мы пришли к решению оставить самую большую задачу на десерт. Кстати, десерт был с «вишенкой», но о ней попозже.

Не все технические детали хакатона были проработаны - пару раз нам приходилось произносить «Репарамо Проблемос!», чтобы призвать Дамблдора и сказать «ручка бека работает криво». Разумеется, магией Дамблдора и руками бекендеров проблемы решались быстро. И вот, две небольших задачи мы сделали. Настало время самой большой - разработка фичи с нуля «Топ 10 на главной».

Тысяча и один градиент (или «Нужно больше градиентов»)

Задача с «Топ 10 на главной» представляла собой слайдер с 10 карточками с адаптацией под смартфон, планшет и десктоп. И казалось бы, что здесь сложного? Пока мы не увидели что свечение под каждой карточкой сделано 4-5 разными радиальными градиентами. Каждый градиент отличался размером и расположением. Кстати, у каждого градиента эти параметры менялись еще и от разрешения к разрешению. Зато красиво )) Все ли справились с градиентами - да, попали ли мы в точности по макетам - конечно же нет.

Стильно, модно, неверстабельно

«Вишенкой» этой задачи стали цифры с эффектом стекла. Внутри каждой цифры:

  • пара градиентов, по крайней мере на вид;

  • несколько внутренних теней;

  • блюр.

Кто-то их верстал, кто-то просто экспортнул картинками из Figma. Естественно, по макетам попали только те, кто экспортировал.

Выводы

Считаю, что мы правильно распределили приоритеты по задачам. Поставь мы «Топ 10 на главной» на первое место - наш перфекционизм с градиентами и красивыми цифрами заруинил бы все сроки.

Хакатон получился драйвовым, местами стрессовым, но точно интересным и запоминающимся.