Slicing UI

[afifabroory]

Mobile:

• UI-1 (Login)
  Related issues: Menambahkan fitur login menggunakan provider Github #16
  Notes:
  Ganti kata "Sign up" jadi "Sign in"
  

• UI-2 (App bar) dengan navigasi pindah section & Sign Out
  

• UI-3 (Project List, sidebar)
  Related issues: Membuat halaman Project List #14
  

• UI-4 (Section active task list)
  Related issues: Membuat halaman Task List #15
  

• UI-5 (Section completed task list)
  Related issues: Membuat halaman Task List #15
  

• UI-6 (Detail tasks)
  Note: Detail tugas akan terbuka jika active task/completed task ditekan.
  

Desktop:

• UI-7 (Login)
  Related issues: Menambahkan fitur login menggunakan provider Github #16
  Resolved in: Add: Sign In Page (Desktop) #28
  Notes:
  Ganti kata "Sign up" jadi "Sign in"
  

• UI-8 (App bar)
  Resolved in: Add: AppBar (Desktop) #29
  

• UI-9 (Project List, sidebar) Kemungkinan tugas yang sama dengan UI-3
  Related issues: Membuat halaman Project List #14
  

• UI-10 (Task List, active & completed section)
  Related issues: Membuat halaman Task List #15
  

• UI-11 (Detaik task)
  Note: Detail tugas akan terbuka jika active task/completed task ditekan.
  

Desktop (Project Manager)
Notes:
Komponen sama dengan UI-8. Yang membedakan hanya pada tombol "+" untuk menambahkan project baru, three dot serupa dengan WhatsApp untuk edit dan hapus, dan tombol untuk kembali ke mode member.

• UI-12 (Project List, Project ManagerSidebar)
  
  

• UI-13 (Task List, Project Manager)
  Related issues:

  • Menambahkan fitur update project #18
  • Menambahkan fitur delete project #19
  • Menambahkan fitur update task #22
  • Menambahkan fitur delete task #23
    

• UI-14 (Add Project Modal)
  Related issues: Menambahkan create project #17
  

• UI-15 (Add Task Modal)
  Related issues: Menambahkan fitur create task #20
  

• UI-16 (Modal konfirmasi logout)
  

• UI-17 (Modal konfirmasi hapus tugas)
  

• UI-18 (Modal konfirmasi edit tugas)
  

• UI-19 (Modal form edit tugas)
  

• UI-20 (Modal konfirmasi hapus project)
  Note: Mengetik ulang nama project dan kode project. (Mirip Github)
  

• UI-21 (Modal form edit project)
  

Desian UI selengkapnya: #12

Notes:

• Feel free untuk mengganti sedikit desain, jika dirasa sulit untuk diimplementasi (Kasih info)