Etstur Case Study
Kullanıcıların otel görüntüleme, otel puanlarına göre sıralama, otel ekleme ve çıkarma işlemlerini yapabildiği bir React uygulaması.
Front-End Developer Çalışması Genel Kriterler:
- Çalışma Single Page Application olmalıdır.
- React kullanımı bir artı olacaktır.
- Çalışma içinde yapılacak save / load işlemleri için Local Storage kullanılmalıdır
- Çalışmayı tamamlamak için istenilen CSS Framework’ünden yararlanılabilinir, ya da aday, çizimleri referans alarak kendi stil dosyasını oluşturabilir.
- Yapılacak çalışma en az 2 ayrı sayfa içermelidir.
- Liste sayfası
- Otel ekleme sayfası
Front-End Developer Çalışması Genel Kriterler:
- Uygulama, kullanıcıyı liste ekranı ile karşılamalıdır. Sayfa ilk yüklendiğinde oteller en son girilen kayıt en üste çıkmalı kuralına göre listelenmelidir.
- Puan Artır butonu ilgili otelin puanı 1 puan arttırılmalı, Puanı azalt butonu ile otel puanını 1 puan azaltmalıdır. Son haldeki otel puanına göre otelin sırası değişmelidir. Puanı aynı olan otellerin sıralama kriteri en son oy kullanılan en üstte gözükecek kuralına göre olmalıdır.
- Otelleri puana göre artan azalan seçimine göre sıralanabilmelidir
- Liste sayfasında otel sayısı 5’den fazlaysa pagination ile sayfalara bölünmeli, 5’er 5’er sayfalanmalıdır.
- Liste sayfasında, otel üzerine mouse ile gelindiğinde, otel kartı highlight edilmeli ve sağ üst köşesinde sil butonu belirmelidir.
- Sil butonuna basıldığında kullanıcıya oteli silmek isteyip istemediğini soran bir dialog ekrana gelir. Kullanıcı OK derse, Yeşil bir uyarı çizimlerde görüldüğü gibi ekranda belirir.
- Yeni otel ekleme formunda, eğer link başarılı şekilde kaydedilirse, Çizimlerde görüldüğü gibi yeşil buton ve uyarı mesajı ekranda belirir.
Kullanılan Teknolojiler
- React
- React Router Dom
- React Icons
- React Confirm Alert
- Node Sass
- Moment
Ekran Görüntüleri
|
|
|
|
|
|
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent