Motivasyon

Yazılım sektöründe çalışabilmek adına iş bilgimi ispatlamak için bu projeyi geliştirdim. Projeyi yaparken React ve Redux kütüphanelerini kullanmayı hedefledim. Verilerin silme, ekleme, güncelleme ve görüntüleme işlemleri icin mock API kullandim. Projede hedefleri belirlemek icin instagram'ı kullanıcı olarak kullandım ve kullanıcı senaryolarını BDD ile çıkardım. Bir task için olusturduğum örnek bdd asagidaki gibidir;

Given: Kullanıcı profilinde listelenen resimlerin olduğu sayfadayken

When :  Listelenen resime tıkladığında

Then: Tıklanan resmi ve yorumları kullanıcıya göster

Demo

Installation

npm install

Usage

npm start

Neler öğrendim?

• Resim kaydırma için eklenti bulup kodlara uygun şekilde uygulamaya eklemeyi,
• Projeyi responsive olarak tasarlamayı ,
• Farklı boyutlardaki resimleri bir alan içinde aynı boyutta görüntüleyebilmeyi,
• Bir resme tıklandığında resmin ekranda nasıl ön planda gösterilip diğer resimlerin arka planda kalacağını ,
• Bir div'e fazla resim eklenince div dışına taşan resimleri gizlemeyi ve gizlenen resimlerin, kaydırma ile görüntülenebileceğini ,
• MockAPI kullanarak verileri çekmeyi , güncellemeyi, eklemeyi,

License

MIT