- Верстка согласно макету;
- Применение фреймворка 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
)
Для быстрого ознакомления с проектом - перейдите по ссылке