/warsawjs-workshop-26-my-photo

WarsawJS Workshop #26 - JavaScript for beginners

Primary LanguageJavaScript

WarsawJS Workshop #26 - JavaScript dla początkujących

Zadania

  • Wyświetlanie zdjęć

    • wyświetl zdjęcia z katalogu images - tablice, pętle
  • Dodawanie zdjęcia do ulubionych

    • dodaj odpowiednie style po kliknięciu w zdjęcie - arrow function
  • Usuwanie zdjęć z ulubionych

    • usuń style jeżeli użytkownik odkliknął ulubione zdjęcie
    • Dodatkowe stwórz tylko jeden eventHandler zamiast jednego dla każdego zdjęcia
  • Refactoring

    • użyj klas do stworzenia obiektu zdjęcia - class
    • przenieś klasę Image do nowego pliku - import/export, babel, transpilacja
  • Dodawanie zdjęć z komputera

    • dodaj zdjęcie ze swojego komputera - File API
  • Dodatkowo Filtrowanie zdjęć

    • pokaż wyłącznie ulubione zdjęcia po kliknięciu w przycisk
    • pod wpływem pierwszej akcji przycisk powinien zmienić tekst na "Pokaż wszystkie" i po kliknięciu pokazać wszystkie zdjęcia
  • Dodatkowo Sortowanie zdjęć

    • posortuj zdjęcia - ulubione najpierw
  • Integracja z API

    • pobierz zdjęcia z serwera - fetch, then, Promise
    • zaznacz i oznacz zdjęcia jako ulubione - operacja PATCH
    • dodaj nowe zdjęcie - FileAPI + POST
  • Dodatkowo ostylowanie galerii zdjęć

    • użyj gotowych komponentów żeby aplikacja wyglądała atrakcyjnie - np. Bulma, Bootstrap