https://github.com/mehmet-github06/shopping-card

Bu depo, basit bir alışveriş sepeti uygulamasını içerir. JavaScript, HTML, ve CSS kullanılarak geliştirilmiştir. Ayrıca, harici bir API'den rastgele ürün verilerini çeker.
https://github.com/mehmet-github06/shopping-card

api bootstrap dom-manipulation functional-programming html-css-javascript responsive try-catch

Last synced: 1 day ago
JSON representation

Bu depo, basit bir alışveriş sepeti uygulamasını içerir. JavaScript, HTML, ve CSS kullanılarak geliştirilmiştir. Ayrıca, harici bir API'den rastgele ürün verilerini çeker.

• Host: GitHub
• URL: https://github.com/mehmet-github06/shopping-card
• Owner: Mehmet-github06
• Created: 2023-11-25T17:30:29.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-11-26T12:28:58.000Z (12 months ago)
• Last Synced: 2024-01-29T09:50:57.463Z (10 months ago)
• Topics: api, bootstrap, dom-manipulation, functional-programming, html-css-javascript, responsive, try-catch
• Language: CSS
• Homepage: https://shopping-card-app-rho.vercel.app
• Size: 3.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        





  

    

  


  
My Shopping Cart


  


   Bu proje, alışveriş sepeti özelliğine sahip basit bir web uygulamasını içermektedir.

    


    LIVE »

    


  



## İçindekiler

- [Genel Bakış](#genel-bakış)

- [Kullanılan Teknolojiler](#kullanılan-teknolojiler)

- [Kurulum](#kurulum)

- [Kullanım](#kullanım)

- [Ekran Görüntüleri](#ekran-görüntüleri)

- [Responsive Tasarım](#responsive-tasarım)

- [Rastgele Veriler](#rastgele-veriler)

- [Lisans](#lisans)

## Genel Bakış

Uygulama, kullanıcıların ürünleri listeleyebileceği, sepete ekleyebileceği ve sepetin içeriğini görüntüleyebileceği bir alışveriş sepeti simülasyonunu içerir. Kullanıcılar aynı zamanda sepet içindeki ürünleri silebilir ve miktarlarını güncelleyebilir.

## Kullanılan Teknolojiler

- HTML

- CSS

- JavaScript

- Bootstrap 5

## Kurulum

1. Bu depoyu bilgisayarınıza klonlayın veya ZIP olarak indirin.

2. İndirdiğiniz dizine gidin ve `index.html` dosyasını bir tarayıcıda açın.

## Kullanım

1. Ana sayfa üzerindeki ürünleri görüntüleyin.

2. Beğendiğiniz ürünleri sepete eklemek için "Add to Cart" butonunu kullanın.

3. Sepetin içeriğini görmek için sağ üst köşedeki sepet simgesine tıklayın.

4. Sepet içindeki ürünleri silebilir veya miktarlarını güncelleyebilirsiniz.

## Ekran Görüntüleri

![Ana Sayfa](./images/Screenshot_6.jpg)




![Sepet](./images/Screenshot_1.jpg)

## Rastgele Veriler

API'den gelen veriler rastgele oluşturulmuş örnek verileri içerir ve her seferinde 20 farklı fotağrafla sepet simüle edilir.

## Responsive Tasarım

Bu uygulama responsive tasarıma sahiptir ve farklı ekran boyutlarına uyum sağlar.

### On Mobile 📲