Сверстать приложение по примеру макета

В рамках задачи необходимо сверстать приложение по примеру макета:

https://www.figma.com/design/EQC47Bzy09sBIVIj7iF3ij/%D0%98%D1%82%D0%BE%D0%B3%D0%BE%D0%B2%D1%8B%D0%B9-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82-%22%D0%9F%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%BD%D1%8B%D0%B9-%D1%81%D0%B5%D0%BC%D0%B8%D0%BD%D0%B0%D1%80%22?node-id=2-2&t=sYjzDJjRgB7ZUjZ3-1


Страницу необходимо сверстать согласно следующим главным критериям:

1. Выполнение проекта используя два фреймворка на выбор (Angular, Vue)
2. Наличие роутинга в проекте
3. Наличие хранилища данных (либо сервис)
4. Соответствие стилизации макета (шрифты, позиционирование элементов)

Наличие всей логики, предусмотренной в макете задания (поиск товаров, корзина товаров, фаворитные товары, фильтрация и сортировка товаров)

1. Соблюдение правил по формированию архитектуры приложения (компоненты находятся в отдельной папке, наличие UI компонентов, хранилища (сервис) и роутинг тоже должны находиться в отдельном файле)
2. Использование в работе бекенд-сервера для получение данных

Ссылка на бекенд:
https://github.com/Arsen4ik/apple-store-backend/tree/build