Мишка - Адаптивный интернет-магазин игрушек ручной работы

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

  • *Main page

  • *Catalog page

  • *Form page

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

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

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

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

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

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

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

  • 320px — мобильная версия.

  • 768px — планшетная версия.

  • 1150px — десктопная версия.

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

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

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

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

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

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

• Использована векторная графика + sprite.

• Google Maps Api

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

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

Установка 🛠

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

  git clone [email protected]:Mirror45/mishka-adaptive.git

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

 cd mishka-adaptive

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

 npm i

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

 npm start