Skip to content

alikartalonline/Apple-Store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Apple Store


Before Start:

👉 open a new terminal: Run The Server!

cd server

node app.js


👉 open a new terminal again: Run React!

npm start

RunTheServer




📍 Açıklama:

  • Proje https://www.apple.com/tr/ sayfasından referans alınarak yapılmış ve daha sonra doğaçlama olarak devam edilmiştir.

  • Aşağıda projenin genel görünümünü gösteren "Apple Store (TR-tr)" başlıklı gif yayınlanmıştır, inceleyebilirsiniz.

  • Proje içerisinden kayıt olabilirsiniz, profil sekmesinden bilgilerinizi kontrol edebilirsiniz, çıkış yapabilir ve tekrar giriş yapabilirsiniz.

  • Projenin /Store sekmesinde yer alan ürünlerin detaylarını inceleyebilir, sepete ekleyebilir, sepettten çıkarabilir ve sepetinizi inceleyip, toplam tutarı görebilirsiniz.

  • Projeyi ayağa kaldırdıktan sonra /Store sekmesinde ürünleri göremiyorsanız, muhtemelen Server'ı çalıştıramamışsınızdır.

  • Kayıtlar LocalStorage'de tutulduğu için, kayıt olduktan sonra oturum kapatıp, tekrar giriş yapabilmek için F5 ile sayfayı yenilemeniz gerekmektedir.

  • Projeyi çalıştırırken env ile ilgili hata alıyorsanız, "Store" componentine gidip URL'yi şu kod ile değiştirin const URL = "http:https://localhost:3334/api/products" ve daha sonra "Store Detail" componentine gidin ve oradaki URL'yi ise şu kod ile değiştirin const URL = "http:https://localhost:3334/api/product"




Apple Store (TR-tr)

AppleStore.gif




Kullanılan Teknolojiler ve Kütüphaneler:

React v18.2.0 = reactjs.org

React Router v6 = reactrouter.com

Bootstrap v5.2 = getbootstrap.com

Express Js. = expressjs.com

Axios = axios-http.com/docs/intro -or- npmjs.com/package/axios

Formik: formik.org/docs/overview