/week-2-case-dexdere

week-2-case-dexdere created by GitHub Classroom

Primary LanguageJavaScript

Ödev 2 - Todo

Netlify Status
Live Demo

Merhaba arkadaşlar 🙌

Bu haftaki ödevimizde sizden basit bir todo app yapmanızı istiyoruz.

Ödeve başlamadan önce https://mockapi.io/ den üyelik oluşturup, buradaki projeyi clonelamanızı istiyoruz.

Kendi profilinize cloneladığınız proje TODO app imiz için API endpointiniz olacak.

TODO App de gerçekleştirmenizi istediklerimiz ise şunlar:

  • Kullanicidan kullanıcı adı alınmasını ve localstorage da saklamanızı istiyoruz. Sayfanın herhangi bir yerinde kullanıcı adını gösterebilirsiniz.

  • Todolar üzerinde tüm CRUD operasyonlarının gerçekleşmesini istiyoruz. (Todo ekleme, silme, düzenleme, todoları listeleme). Tüm operasyonları, oluşturduğunuz API üzerinden gerçekleştirmelisiniz.

  • Yeni todo eklenirken input fieldi boş olmamalı, minimum 3 karakter içermeli.

  • Promise, .then veya async/await ile asenkron işlemleri gerçekleştirebilirsiniz.

BONUS 1: Asenkron işlemleri gerçekleştirken, kullanıcıya istek gerçekleştirme sırasında Spinner veya Skeleton gösterebilirsiz.
BONUS 2: 🌙 Dark Mode : Kullanıcının dark mode tercihini localestorage da saklayarak uygulamanıza dark mode ekleyebilirsiniz.

Sorularınız olursa discord veya telegram üzerinden sorabilirsiniz.

Kolay gelsin 🚀