asilbek2706

Smartphones-shop-JS-project

# 📱 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.  ## 🎯 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: ```bash git clone [https://github.com/Asilbek2706/Smartphones-shop-JS-project.git](https://github.com/Asilbek2706/Smartphones-shop-JS-project.git)