ToDo List for this project
-
Alışveriş sepetine ekleme +
-
Alışveriş sepetindeki öğe sayısını gösterme +
-
Alışveriş sepetine tıklandığında, eklenen öğeleri gösterme +
-
Listelenen öğeleri isimlerine göre filtreleme +
-
Listelenen öğeleri fiyatlarına göre filtreleme +
-
Listelenen öğeleri kategorilerine göre filtreleme +
-
Projeye Redux ile eklenecek datalara karar verme
-
Redux ve redux-thunk ile state yönetimini merkezi şekilde gerçekleştirmek
-
Component klasör yapısında atomic design system kullanmak +
-
Mantine UI veya Material UI ekleyerek projede kullanmak
BİTİRME ÖDEVİ ! (13MAYIS2023)
- Bir yazılım ürününü seçin (Netflix, Twitter, Sahibinden, Epey, Whatsapp vb)
- Bu projenin geliştirilebilmesi için özellik ihtiyaçlarını listeleyin (örn. Sahibinden.com için listeleme sayfası, filtreleme özelliği, ürün ekleme, profil sayfası, ürün detay sayfası, ürün açıklamaları, telefon verify etme) (Software Development Life Cycle - Analyzing)
- Bu özellikleri projenize hangi fazlarıda (milestone) ekleyeceğinize dair PLAN yapın (Software Development Life Cycle - Planning)
- Frontend geliştirmeleri için ilk fazdan son faza kadar, geliştirme sürecini sekteye uğratmayacak bir yaklaşım belirleyin. Örneğin: microfrontend, atomic design, Test Driven Development, Feature Driven Development, behavior driven development vb..
TAVSİYELER
- Software Development Life Cycle araştırması yapın
- Seçtiğiniz projenin rakiplerine de göz atarak mümkün olduğunca çok özellik çıkarın.
- Özelliklerin birbirleriyle bağımlılık durumlarını inceleyerek en temel özellikleri ilk faza yerleştirin.
- İlk fazdaki özelliklerden hayati olmayanları 2. fazda konumlandırın.
- Frontend geliştirme için "React Folder Structure Best Practices", "React Design Patterns", "SOLID principles and React" gibi aramalarla daha fazla bilgi edinmeye çalışın.
npm start
Uygulamayı geliştirme modunda çalıştırır. Tarayıcınızda görmek için http://localhost:3000 adresini açın.
Değişiklikler yapıldığında sayfa yeniden yüklenecektir. Console'da herhangi bir lint hatasını da görebilirsiniz.
npm test
Test çalıştırıcısını etkileşimli izleme modunda başlatır.
npm run build
Uygulamayı production için build klasörüne derler. Üretim modunda React'i doğru şekilde paketler ve derlemeyi en iyi performans için optimize eder.
Derleme küçültülür ve dosya adları karmaları içerir. Uygulamanız kullanıma hazırdır!