Home
Softono

Smartphones Shop JS Project

Open source SCSS
Website GitHub
11
Stars
0
Forks
0
Issues
0
Watchers
7 months
Last Commit
Web Components & Widgets

 About Smartphones Shop JS Project

Interactive Shopping Cart project built with JavaScript (ES6+), Array methods (find, filter, reduce), and SCSS.

Platforms

Web Self-hosted

Languages

SCSS

Links

Website Source Code

Need Help Installing Smartphones Shop JS Project?

We provide expert installation service for this software. Our team will install, configure, and secure Smartphones Shop JS Project on your server. plans start at just $30.

Hire an Expert
Published by
asilbek2706
Visit View Profile

Smartphones Shop JS Project

View on GitHub

📱 Smartphones Shop JS Project

Ushbu loyiha JavaScript asoslari va SCSS yordamida yaratilgan interaktiv xarid savatchasi tizimidir. Loyihada obyektlar va massiv metodlari (find, filter, reduce) bilan ishlash bo'yicha murakkab amaliyotlar bajarilgan.

Loyiha skrinshoti

🎯 Vazifaning Maqsadi

  • JavaScript obyektlaridan va array metodlaridan samarali foydalanishni o'rganish.
  • Mahsulotlarni savatchaga qo'shish, o'chirish va umumiy narxni hisoblash amaliyotlarini qo'llash.
  • reduce, find, filter kabi metodlarni real loyihada ishlatish.

🏗 Loyiha Strukturasi

Rasmda ko'rsatilganidek, loyiha quyidagi fayllardan tashkil topgan:

  • .idea/ - IDE sozlamalari.
  • css/ - SCSS dan kompyatsiya qilingan CSS fayllari.
  • js/ - Savatcha mantiqi yozilgan JavaScript fayllari.
  • index.html - Loyihaning asosiy strukturasi.
  • style.scss - Loyihaning barcha dizayn stillari.

🛠 Texnologiyalar

  • HTML5 - Semantik tuzilma.
  • SCSS - Dinamik stillar (Variables, Nesting, Mixins).
  • JavaScript (ES6+) - Dinamik mantiq va DOM manipulyatsiyasi.

🚀 Funksionallik (ShoppingCart Obyekti)

Loyiha doirasida ShoppingCart obyektida quyidagi metodlar ishlab chiqilgan:

  1. addProduct(productId, quantity): Savatchaga mahsulot qo'shadi. Agar mahsulot allaqachon mavjud bo'lsa, sonini oshiradi.
  2. removeProduct(productId): Savatchadan mahsulotni ID bo'yicha o'chiradi.
  3. viewCart(): Savatchadagi barcha mahsulotlarni konsolga yoki ekranga chiqaradi.
  4. getTotalPrice(): Savatchaning umumiy summasini reduce yordamida hisoblaydi.
  5. clearCart(): Savatchani to'liq tozalaydi.

💻 Mahsulotlar Ro'yxati

Loyihada quyidagi mahsulotlar bilan ishlanadi:

  • iPhone 12 - $999
  • Samsung Galaxy S21 - $799
  • Google Pixel 5 - $699

📝 O'rnatish ko'rsatmasi

  1. Repozitoriyani klonlang: 
    git clone [https://github.com/Asilbek2706/Smartphones-shop-JS-project.git](https://github.com/Asilbek2706/Smartphones-shop-JS-project.git)