🧾 Тестовое задание "Список товаров"

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

---

💢 Выполненные требования:

• Верстка согласно макету;
• Применение фреймворка NuxtJS 3;
• Верстка адаптивной версии под мобильные устройства (макс. full hd);
• Реализация валидации для формы добавления товара:
  • Название, ссылка на изображение, цена - обязательные поля;
  • Кнопка добавления товара неактивна пока форма пуста;
  • Добавлена маска разделения тысячных пробелом для поле цены;
• Возможность добавления и удаления товаров;
• Анимации переходов состояний;
• Возможность сортировки списка:
  • По цене min;
  • По цене max;
  • По наименованию
• Добавлен preload страницы.

---

🔴 Важно:

• Добавлено искусственное замедление прогрузки списка товаров (3 сек);
• Все данные хранятся в localStorage;

---

🚀 Запуск проекта

• git clone https://github.com/mihail727/products-app.git
• cd ./products-app
• yarn
• yarn dev (или yarn build && yarn start)

---

Для быстрого ознакомления с проектом - перейдите по ссылке