Technozavr - Интернет магазин
https://alekseiturl.github.io/vue-appWeb-приложение для компании Технозавр. Проект разработан на Vue.JS V2. Используется REST API.
Многостраничность реализована по средством VueRouter. Так же используется библиотека управления состояние Vuex
Web-интерфейс имеет следующие функции:
Визуализация списка товаров
Фильтрация товара по параметрам
Добавление товара(ов) в корзину
Изменение количества товаров ( как в корзине, так и на странице продукта)
Оформление покупки товара
На главной странице сайта выводится ProductsList и фильтр продутов по параметрам. Страница товара предоставляет возможность добавление товара в корзину с изменением его количества. В корзину можно перейти как по нажатию кнопки в шапке сайта, так и со страницы товара. В корзину добавляются все товары выбранные пользователем. Здесь же реализована функция подсчёта стоимости заказа с учётом доставки.
На странице корзины реализован переход к оформлению заказа. В форме оформления заказа присутствует валидация. После успешного прохождения валидации и отправки формы на сервер, происходит переход на страницу успешного оформления, которая содержит информацию о заказе и пользователе.