https://github.com/mirror45/spares-shop

Адаптивный интернет-магазин запчастей для машины. На сайте 3 страницы: index-page, catalog-page,product-page.
https://github.com/mirror45/spares-shop

adaptive es6 flexbox grid gulp html5 js modules scss swiper-js

Last synced: 12 days ago
JSON representation

Адаптивный интернет-магазин запчастей для машины. На сайте 3 страницы: index-page, catalog-page,product-page.

• Host: GitHub
• URL: https://github.com/mirror45/spares-shop
• Owner: Mirror45
• Created: 2024-08-22T08:19:08.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-24T09:31:42.000Z (4 months ago)
• Last Synced: 2024-11-07T04:20:43.148Z (2 months ago)
• Topics: adaptive, es6, flexbox, grid, gulp, html5, js, modules, scss, swiper-js
• Language: HTML
• Homepage: https://spares-shop-mirror45.netlify.app/
• Size: 2.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
**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 [email protected]:Mirror45/spares-shop.git

```

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

```

 cd spares-shop

```

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

```

 npm i

```

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

```

 npm start

```