https://github.com/ibrahimgedikdev/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ı.
https://github.com/ibrahimgedikdev/etstur-case-study

momentjs node-sass react react-confirm-alert react-icons react-router-dom

Last synced: 3 months ago
JSON representation

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ı.

• Host: GitHub
• URL: https://github.com/ibrahimgedikdev/etstur-case-study
• Owner: ibrahimgedikdev
• Created: 2022-06-11T08:36:19.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-08-18T09:58:51.000Z (over 3 years ago)
• Last Synced: 2025-04-05T18:14:06.278Z (about 1 year ago)
• Topics: momentjs, node-sass, react, react-confirm-alert, react-icons, react-router-dom
• Language: JavaScript
• Homepage: https://etstur-case-study.netlify.app/
• Size: 1.3 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### 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