4. Hafta Ödevi

Ürün satışının, kullanıcı kaydının ve girişinin yapıldığı, web uygulaması geliştirilecek.

Fonksiyoneliteler:

• Uygulama responsive tasarımı desteklemeli, mobil ve bilgisayar ekranlarına uyumlu çalışmalı (ui component frameworkleri, libraryleri kullanılabilir)
• Kullanıcılar uygulamaya üye olabilmeli ve giriş yapabilmeli (json dosyasına kayıt oluşturulup, json dosyasından doğrulama yapılabilir, ya da ekstra bir api yazılabilir)
• Ürün kartında bulunması gerekenler; ürünlerin resmi, adı, açıklaması ve fiyatı
• Ürün listesi ana sayfada gösterilmeli, kullanıcılar isterlerse ürünlerin detayına, ürünlerin üzerine tıklayarak bakabilmeli
• Ürünlerin detay sayfasında, ürünün daha büyük bir resmi ve daha detaylı bir açıklama metni olmalı
• Ürünlerin filtrelenmesi için; kategori seçeneği (dropdown, selector, kategorileri siz belirlemelisiniz) ve bir arama çubuğu oluşturulmalı, anahtar kelimesinin ürün adında geçip geçmediğine bakılmalı
• Ürün detayına gidilirken, sayfa yönlendirilmesi (routing) yapılmalı
• Ürünler kendinizin belirleyeceği bir json kaynak dosyasından alınmalı
• Ürünler sepete eklenip daha sonrasında satış işlemi gerçekleştirilmeli
• Satış işlemi için ayrı bir json dosyasına log kaydı atılması yeterli
• Kullanıcı sisteme giriş yapmadan ürünleri görmemeli

Gereklilikler:

• Reactive form yaklaşımı kullanılmalı
• Form işlemlerinde validasyon yönetimi yapılmalı ve kullanıcı dostu bir uyarı mesajı üretilmeli
• Http istekleri için HttpClient paketi kullanılmalı
• Comment kullanımına dikkat edilmeli
• TypeScript özelliklerinden type ve access modifiers kullanımına dikkat edilmeli

Ekstralar:

• Ürünlerin detay kısmında, ürün ile ilgili oluşturulacak dummy(sahte) yorumların ve değerlendirmelerin görüntülenmesi
• Component mimarisinin anlaşılır, tekrar kullanılabilecek şekilde kurgulanması

Teknolojiler: Angular (13), JavaScript, TypeScript

Running on Local Machine

Start the Angular Application

  npm run start

Start the Json-Server

  npm run start-api

ScreenShots