Focus mode

Frontend Web Development Projeleri

E-commerce (Clothes)

Günümüz koşulları sebebiyle bildiğiniz üzere internet alışverişi fazlasıyla yaygınlaştı. Sizden beklediğimiz kıyafet alışverişi yapabileceğimiz bir e-ticaret projesi yazmanız.

  • Servis için Mockapi.io kullanabilirsiniz. Bunun için üyelik oluşturmanız gerekmektedir.
  • En az 5 componentten oluşmalıdır.Örnek olarak (Ürün Kataloğu,Ürün Detay,Favoriler, Sepet,İletişim)
  • Ürünler anasayfada kart halinde listelenmelidir.
  • Sayfa ilk açıldığında varsayılan olarak ürünler sayfası bizi karşılamalıdır. Ürün üzerine tıklandığında o ürünün detaylarına ulaşabilmeliyiz. Detay sayfasında “Favorilere Ekle”, “Sepete Ekle” butonları bulunmalı. Hiçbirini seçmek istemiyorsak “Anasayfaya Dön” butonu ile Ürünler sayfasına geri dönebiliriz.
  • Uygulamamızın URL senkronizasyonu için React Router kullanılmalıdır.
  • Uygulamamızdaki butonları Styled Component yardımı ile oluşturmalıyız.
  • map fonksiyonu ile kıyafetler dinamik bir şekilde uygulamamızda görüntüleyebiliriz.
  • Mockaopi.io ile oluşturulan veritabanını projemize dahil etmek ve kullanmak için Axios kütüphanesi kullanılmalıdır.
  • Proje bittikten sonra Netlify üzerinden projeyi deploy etmeniz gerekmektedir.
  • Uygulama önizleme bağlantısı README dosyasının en üst satırında belirtilmelidir.
  • Tasarımı dilediğiniz gibi yapabilirsiniz. Hayal gücüne güveniyoruz :)

Project

Comments

You need to enroll in the course to be able to comment!