ia-stepanov / drive-moto-shop

Проект «Drive Moto» — это интернет­магазин гидроциклов, который включает в себя три ключевые страницы: главную страницу, страницу каталога товаров и страницу товара. Stack: JavaScript, HTML5, CSS3, БЭМ, Flexbox, Figma.

Интернет-магазин гидроциклов «Drive Moto»

Описание проекта

Drive Moto — это интернет-магазин гидроциклов, который включает в себя три ключевые страницы: главную страницу, страницу каталога товаров и страницу товара.

Функционал:

• User eXperience (UX);
• Адаптивный интерфейс для планшетов и мобильных устройств.

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

• HTML5;
• CSS3:
  • Flexbox;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Методология БЭМ;
• Вёрстка по макету в Figma;
• JavaScript:
  • Работа с DOM;
  • Использование современных возможностей языка.

Языки:

• JavaScript

Плагины:

• slick — плагин для создания адаптивного слайдера любой сложности;
• jQuery Form Styler — плагин позволяющий стилизовать селекты, чекбоксы и радиокнопки;
• Ion.RangeSlider — плагин для создания отзывчивого ползунка с множеством опций;
• Rate Yo! — плагин для добавления интерактивного рейтинга в виде звёзд.

Макет в Figma:

• Макет Drive Moto

Скриншоты:

Развернуть

Карта сайта:

• Главная: https://ia-stepanov.github.io/drive-moto-shop
• Каталог: https://ia-stepanov.github.io/drive-moto-shop/catalog
• Страница товара: https://ia-stepanov.github.io/drive-moto-shop/product-page