Интернет-магазин доступен по адресу:
https://eshop.prx.by/ и включает в себя:
- домашнюю страницу, на которой представлены популярные бренды и категории товаров;
- страницу с категориями товаров;
- страницу, на которой представлены все товары, имеющиеся в наличии в магазине;
- корзину;
- страницы с деталями заказа;
- админпанель;
На странице с товарами есть фильтрация по категориям, брендам, статусу продукта и его цене. Для удобства пользователя на странице предусмотрена пагинация.
На карточке товара есть кнопка, кликнув на которую можно добавить товар в корзину. При клике на карточку товара открывается страница с его детальным описанием. На этой странице можно добавить определенное количество товара в корзину.
В навбаре динамически отображается количество товаров, находящихся в корзине.
Перейдя в корзину пользователь может изменить количество товара и при необходимости удалить его. Для проверки данных о заказе нужно нажать на кнопку Checkout. Однако страница с информацией о заказе будет доступна только для авторизованных пользователей.
При проверке информации о пользователя нужно ввести его имя и фамилию, номер телефона и адрес. А также выбрать способ оплаты.
Для подтверждения заказа следует нажать на кнопку Place Order.
После подтверждения заказа откроется страница с его основной информацией.
Также авторизованный пользователь в меню навбара может посмотреть все свои текущие заказы и открыть любой интересующие его заказ.
В интернет-магазине предусмотрена админпанель, которая находится по адресу:
https://eshop.prx.by/admin. На данный момент для всех пользователей, кроме админа, она работает в тестовом режиме без возможности редактирования, удаления и добавления товаров, брендов, категорий, пользователей и заказов.
Стек: бэкенд интернет-магазина написан на php фреймворке Laravel, фронтенд - с использованием фреймворков Filament (админпанель) и Livewire (компоненты основного контента). Для флеш-сообщений использовалась библиотека Sweetalert и инструмент PHPFlasher. Стилизация интернет-магазина осуществлена на основе CSS фреймворка Tailwind. Для хранения данных применялась БД SQL.