👉 open a new terminal: Run The Server!
cd server
node app.js
👉 open a new terminal again: Run React!
npm start
-
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ştirinconst URL = "http:https://localhost:3334/api/products"
ve daha sonra "Store Detail" componentine gidin ve oradakiURL
'yi ise şu kod ile değiştirinconst URL = "http:https://localhost:3334/api/product"
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