Vanilla JS ile tamamladığım projenin kod alanındaki detayları aşağıda tanımladım ve açıkladım

• segmentify-project

bundles

JavaScript module bundler, bağımlılığa (dependency) sahip paketleri / modülleri ve/veya dosyaları çeşitli işlemlerden geçirip (transpile, concat, minify…) belirtilen biçimde statik bir şekilde paketleyerek sunar.

Webpack Entry Point path webpack.config.js dosyasında belirtilmiştir.

Entry Point index.js dosyasını dinlemektedir.

Development Server ayarları aşağıdaki gibidir.

devServer: {
    port: 3200,
    index: 'index.html'
  }

fake-api

Bu alanda verilerin dinamik olarak çekildiği product-list.json dosyası bulunmaktadır.

public

Bu alanda projenin CSS ve JS dosyaları mevcuttur. (Bootstrap, jQuery, Owl Coursel vs.)

src

Bu alanda projede yapılan JSON dosyasına yapılan istekler, listelemeler ve proje bağımlılıklarının konfigürasyonları mevcuttur

• index.js
• request.js
• ui.js

index.js

request.js