R50 4601b0773886df59bd2d92b3ca6597b3
Web - разработка

Technozavr - Интернет магазин

Добавлено 15 окт 2023 в 15:17
Technozavr - Интернет магазин
https://alekseiturl.github.io/vue-app
Web-приложение для компании Технозавр. Проект разработан на Vue.JS V2. Используется REST API.
Многостраничность реализована по средством VueRouter. Так же используется библиотека управления состояние Vuex
Web-интерфейс имеет следующие функции:

Визуализация списка товаров
Фильтрация товара по параметрам
Добавление товара(ов) в корзину
Изменение количества товаров ( как в корзине, так и на странице продукта)
Оформление покупки товара

На главной странице сайта выводится ProductsList и фильтр продутов по параметрам. Страница товара предоставляет возможность добавление товара в корзину с изменением его количества. В корзину можно перейти как по нажатию кнопки в шапке сайта, так и со страницы товара. В корзину добавляются все товары выбранные пользователем. Здесь же реализована функция подсчёта стоимости заказа с учётом доставки.

На странице корзины реализован переход к оформлению заказа. В форме оформления заказа присутствует валидация. После успешного прохождения валидации и отправки формы на сервер, происходит переход на страницу успешного оформления, которая содержит информацию о заказе и пользователе.
362bf06e82