https://github.com/mashamoreva/moire

🛍️ Проект: "Интернет-магазин Moire"
https://github.com/mashamoreva/moire

vue-router vue2 vuex

Last synced: 6 days ago
JSON representation

🛍️ Проект: "Интернет-магазин Moire"

• Host: GitHub
• URL: https://github.com/mashamoreva/moire
• Owner: MashaMoreva
• Created: 2023-12-04T12:40:22.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2023-12-13T16:51:15.000Z (10 months ago)
• Last Synced: 2024-09-24T13:33:03.434Z (9 days ago)
• Topics: vue-router, vue2, vuex
• Language: Vue
• Homepage: https://mashamoreva.github.io/moire/#/
• Size: 1.6 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# moire

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

#### Функционал:

Пользователь может выполнить на сайте следующие действия:

- **Посмотреть список товаров по страницам**  

  Пользователи могут просматривать ассортимент магазина, разделенный по страницам, а так же настраивать количество выводимых товаров на одной странице, что позволяет им более гибко управлять отображением ассортимента и делать просмотр более удобным.

- **Отфильтровать список товаров по параметрам**  

  Пользователи имеют возможность применять фильтры для точного поиска товаров по различным параметрам, таким как цвет, материал и коллекция.

- **Посмотреть информацию о товаре на его детальной странице**  

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

- **Добавить товар с выбранным цветом и размером в корзину**  

  Пользователи могут легко добавлять выбранные товары в корзину, указывая необходимые параметры, такие как цвет и размер.

- **Изменить количество товаров в корзине**  

  В корзине пользователи могут легко изменять количество выбранных товаров перед оформлением заказа.

- **Удалить товары из корзины**  

  Пользователи имеют возможность удалять товары из корзины, если они передумали или сделали ошибку при выборе.

- **Внести данные на странице оформления заказа**  

  Для успешного оформления заказа, пользователи должны ввести необходимую информацию, такую как имя, адрес доставки, телевон и email.

- **Выбрать способ доставки и оплаты**  

  Пользователи могут выбирать удобный для них способ доставки и оплаты на странице оформления заказа.

- **Оформить заказ и посмотреть информацию о нём на странице успешного оформления заказа**  

  После успешного оформления заказа пользователи получают информацию о заказе на специальной странице.

#### Стек технологий:

- Vue 2 - для построения интерфейса и взаимодействия с пользователем

- Vuex - для управления состоянием приложения

- Vue Router - для навигации между страницами приложения

- Axios - для обмена данными с сервером

#### Инструкции по установке:

- cкачайте репозиторий с приложением или склонируйте его с помощью команды:  

`git clone https://github.com/MashaMoreva/moire.git`

- перейдите в папку проекта:  

`cd moire`

- установите необходимые зависимости:  

`npm install`

- запустите проект:  

`npm run serve` (приложение будет доступно по адресу http://localhost:8080/moire/)

#### Ссылки:

- [Посмотреть на GitHub Pages](https://mashamoreva.github.io/moire/#/)