https://github.com/dxtaner/product-listing

Product Listing
https://github.com/dxtaner/product-listing

axios react-dom

Last synced: about 1 year ago
JSON representation

Product Listing

• Host: GitHub
• URL: https://github.com/dxtaner/product-listing
• Owner: dxtaner
• Created: 2025-03-28T14:24:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-28T14:34:35.000Z (about 1 year ago)
• Last Synced: 2025-03-28T15:34:13.842Z (about 1 year ago)
• Topics: axios, react-dom
• Language: JavaScript
• Homepage: https://product-listing-orcin-beta.vercel.app
• Size: 223 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Product Listing

===============

Bu proje, React kullanarak geliştirilen bir ürün listeleme uygulamasıdır. Ürünler, bir API'den çekilerek kullanıcıya sunulmaktadır.

https://product-listing-orcin-beta.vercel.app

🚀 Kurulum

----------

Projeyi çalıştırmadan önce aşağıdaki adımları takip edin.

### 1️⃣ Depoyu Klonlayın

    git clone https://github.com/dxtaner/product-listing.git

    cd product-listing

### 2️⃣ Bağımlılıkları Yükleyin

    npm install

### 3️⃣ Çevre Değişkenlerini Ayarlayın

Ana dizinde bir **.env** dosyası oluşturun ve aşağıdaki değişkenleri ekleyin:

    REACT_APP_API_PAGE=API_ADRESİNİZ

    REACT_APP_API_TOKEN=TOKENİNİZ

Bu değerleri, API'nizden aldığınız bilgilere göre güncelleyin.

▶️ Uygulamayı Başlatma

----------------------

Geliştirme ortamında çalıştırmak için:

    npm start

📂 Proje Yapısı

---------------

    /product-listing

    │── /src

    │   ├── /components

    │   │   ├── Header.js

    │   │   ├── ProductList.js

    │   │   ├── Footer.js

    │   ├── App.js

    │   ├── index.js

    │── .env 

    │── package.json

    │── README.md

🛠 Kullanılan Teknolojiler

--------------------------

*   **React 19**

*   **Axios**

*   **Dotenv**

*   **React Icons**

* * *