Sizden aşağıdaki görseldekine benzer bir web uygulaması yapmanız istenmektedir. Bunun için gerekli front-end ve back-end tasarımını gerçekleştireceksiniz. Ön tarafı geliştirirken isterseniz JQuery ve Bootstrap kütüphanelerini kullanabilirsiniz. Arka tarafı ise ASP.NET Web API ile geliştireceksiniz.

Görevler

1. Başlık, içerik, eklenme zamanı özelliklerini barındıran notları listeleme, ekleme, güncelleme ve silme yöntemlerini içeren web apiyi geliştiriniz.
2. HTML ve CSS kullanarak resimdekine benzer bir arayüz (site başlığı¹, yeni not oluşturma² butonu, tıklanabilir not başlıkları³, başlık kutusu⁴, içerik kutusu⁵, kaydet butonu⁶ ve sil butonu⁷) geliştiriniz.
3. Sayfa açıldığında tüm notların başlıkları listelenecek ve tıklandığında sağındaki formda başlığının ve içeriğinin gösterilmesi sağlanacak. Ancak bir not seçilinceye kadar sağdaki form kullanıcıdan gizlenmeli ya da pasif halde gösterilmelidir.
4. Yeni butonu "Yeni Not" başlıklı içeriği olmayan bir notu api aracılığıyla oluşturacak ve listeye ekleyerek formda gösterecek.
5. Aktif (gösterimde olan) notun başlığı seçili olduğunu vurgulayacak farklı bir stile sahip olmalıdır.
6. Kaydet butonuna basıldığında not üzerinde yapılan değişiklikler api aracılığıyla güncellenecek ve değişiklik arayüze de yansıtılacaktır.
7. Sil butonuna basıldığında not api aracılığıyla silinecek ve değişiklik arayüze yansıtılacaktır.