Frontend Assessment

Merhaba

Bu değerlendirme işe başvuru sürecindeki adaylar için hazırlanmış olup, katılacak kimselerin yaklaşım ve yetkinliklerini değerlendirmede bizlere yardımcı olmak için tasarlanmıştır.

Değerlendirme dahilinde; belirtilen süre içerisinde aşağıda kapsamı ve detayları belirlenmiş projeyi tamamlamanızı beklemekteyiz. Dikkat edebileceğiniz bir diğer husus ise, bizlerin doğru bir değerlendirme yapmamıza yardımcı olacak şekilde iletebileceğiniz en iyi çalışmayı bizlere teslim ediyor olmanız.

Teknik Beklentiler

• Kullanılacak Teknolojiler:

  • JavaScript ve/veya TypeScript
  • React
  • CSS ve/veya SASS
  • HTML
  • Git

• Kısıtlamalar ve Gereksinimler:

  • Görseller için vektörel dosya formatları kullanmak
  • React'da yalnızca Functional componentler kullanmak
  • Tasarım Kaynakları bölümündeki tasarım dilini ve öğelerini kullanmak
  • Atomic design prensipleri uygulamak
  • Projenin sık commitlerle Git üzerinde geliştirilmesi
  • Git üzerinde master, development branchleri ve sürüm taglemelerinin kullanımı
  • Minimum %60 unit testing code coverage
  • Projenin nasıl çalıştırılacağına dair README.md dokümantasyonu

Ürün Beklentileri

• Ürün trello.com'un basit bir kopyası olacak
• Proje her yüklendiğinde yeniden başlayabilir, bilgi saklanması beklenmiyor
• Ekranda "liste"ler yer alacak
  • Yeni liste eklenebilecek
  • Listeler silinebilecek
  • Listeler yer değiştirilip, sıralanabilecek
  • Listelerin başlıkları olacak
  • Liste başlıkları değiştirilebilecek
• Her liste "kart"lar içerecek
  • Kartlar listeler arasında taşınabilecek
  • Her kartın bir rengi, başlığı, etiketleri ve yorumları olacak
  • Kart üzerine tıklandığında kartın detayları görüntülenebilecek
  • Yeni kart eklenebilecek
  • Kartlar silinebilecek
  • Kartlara yorumlar eklenebilecek, değiştirilebilecek ve silinebilecek
  • Kartlara etiket eklenebilecek, değiştirilebilecek ve silinebilecek
• Bir arama kutusu olacak, kart içeriklerine göre arama yapılabilecek

Üründe Beklenmeyenler

• Kullanıcı girişi, kullanıcı işlemleri
• Veri saklamak

Tasarım Kaynakları

• Zeplin'deki Tasarım Kitimiz

Nasıl başlanabilir?

Bir react tabanı oluşturarak başlayabilirsiniz. Alternatiflerinizi hatırlatmak gerekirse:

• sample/ klasörü altındaki kodu kullanmak,
• create-react-app kullanmak,
• darty-react-app gibi bir boilerplate kullanmak,

Ardından bu codebase'i bir git repository'sine aktarmanız, çalışma bitiminde de bu repository adresiyle paylaşmanız gerekecek.

Sorularınız

Değerlendirmelerle ilgili sorularınızı github@setur.com.tr adresine iletebilirsiniz.

Lisans

Apache 2.0 ile lisanslanmıştır.