Spares-shop - Адаптивный интернет-магазин запчастей для машины

• Выполнено три страницы:

  • *Main page

  • *Catalog page

  • *Product page

Используемые техники при верстке:

• HTML - Семантическая вёрстка.

• Код проверен с помощью сервиса https://validator.w3.org/nu/.

• Методология БЭМ (HTML, CSS).

• Раскладка блоков + микросетка на странице сделана с помощью флексбоксов/гридов.

• Шрифты подключены локально.

• Выполнена адаптивная резиновая вёрстка каждой страницы

• Использован метод адаптивной верстки Desktop first

• Процесс сборки личного проекта настроен с помощью Gulp.

• CSS-препроцессор Sass.

• Проверка кода с помощью Stylelint с конфигурацией от HTML Academy.

• Выполнена ретинизация растровой графики.

• Адаптивный логотип.

• Кадрирование контентных изображений.

• Js написан с помощью модулей ES6.

• Использованные библиотеки: Swiper-js.

• Критическая функциональность сайта работоспособна без JavaScript (использовано прогрессивное улучшение).

• Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, Edge.

Установка 🛠

1. Сначала требуется склонировать проект на ваш пк

  git clone git@github.com:Mirror45/spares-shop.git

2. Переходим в только что склонированный репозиторий

 cd spares-shop

3. Устанавливаем все зависимости

 npm i

4. Запускаем проект на локальном хосте

 npm start