Home
Softono
Smartphones-shop-JS-project

Smartphones-shop-JS-project

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

About 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. ![Loyiha skrinshoti](./img.png) ## 🎯 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, Mixi ...

Platforms

Web Self-hosted

Languages

SCSS

Links

Website Source Code
a
Published by
asilbek2706
Visit View Profile

README.md

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)