https://www.figma.com/file/AC7XTKOr3fN4wioExuf7r6/T2?node-id=0%3A1
Для кандидатов со знанием vue.js делать желательно на vite, или vue cli
для меню можно использовать pinia или vuex
Для кандидатов на react - как хотят, на реакт
меню можно открыть/закрыть из любого места в приложении
Требуется сделать меню + анимацию колокольчика + действие по нажатию на колокольчик. Пример анимации приведён ссылкой.
Дествие по нажатию колокольчика - остановить анимацию, убрать буллит.
Результат - ссылка на репозиторий с кодом.
-
Динамическое меню: Пункты меню рендерятся из состояния, что делает меню настраиваемым и легко расширяемым.
-
Анимация: Пользователи могут наслаждаться красочной анимацией колокольчика, которая придает приложению интерактивный вид.
-
Управление состоянием: Использование Pinia для управления состоянием обеспечивает чистую и эффективную архитектуру приложения.
-
Адаптивность: Приложение реагирует на изменение размеров окна браузера и корректно скрывает/отображает элементы интерфейса в зависимости от разрешения экрана.
-
Переиспользуемость: Благодаря использованию Vue.js и Pinia, компоненты могут быть переиспользованы в других частях приложения или в других проектах.